jiangzhong-houguyin-voc-insight-report.html 656 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617361836193620362136223623362436253626362736283629363036313632363336343635363636373638363936403641364236433644364536463647364836493650365136523653365436553656365736583659366036613662366336643665366636673668366936703671367236733674367536763677367836793680368136823683368436853686368736883689369036913692369336943695369636973698369937003701370237033704370537063707370837093710371137123713371437153716371737183719372037213722372337243725372637273728372937303731373237333734373537363737373837393740374137423743374437453746374737483749375037513752375337543755375637573758375937603761376237633764376537663767376837693770377137723773377437753776377737783779378037813782378337843785378637873788378937903791379237933794379537963797379837993800380138023803380438053806380738083809381038113812381338143815381638173818381938203821382238233824382538263827382838293830383138323833383438353836383738383839384038413842384338443845384638473848384938503851385238533854385538563857385838593860386138623863386438653866386738683869387038713872387338743875387638773878387938803881388238833884388538863887388838893890389138923893389438953896389738983899390039013902390339043905390639073908390939103911391239133914391539163917391839193920392139223923392439253926392739283929393039313932393339343935393639373938393939403941394239433944394539463947394839493950395139523953395439553956395739583959396039613962396339643965396639673968396939703971397239733974397539763977397839793980398139823983398439853986398739883989399039913992399339943995399639973998399940004001400240034004400540064007400840094010401140124013401440154016401740184019402040214022402340244025402640274028402940304031403240334034403540364037403840394040404140424043404440454046404740484049405040514052405340544055405640574058405940604061406240634064406540664067406840694070407140724073407440754076407740784079408040814082408340844085408640874088408940904091409240934094409540964097409840994100410141024103410441054106410741084109411041114112411341144115411641174118411941204121412241234124412541264127412841294130413141324133413441354136413741384139414041414142414341444145414641474148414941504151415241534154415541564157415841594160416141624163416441654166416741684169417041714172417341744175417641774178417941804181418241834184418541864187418841894190419141924193419441954196419741984199420042014202420342044205420642074208420942104211421242134214421542164217421842194220422142224223422442254226422742284229423042314232423342344235423642374238423942404241424242434244424542464247424842494250425142524253425442554256425742584259426042614262426342644265426642674268426942704271427242734274427542764277427842794280428142824283428442854286428742884289429042914292429342944295429642974298429943004301430243034304430543064307430843094310431143124313431443154316431743184319432043214322432343244325432643274328432943304331433243334334433543364337433843394340434143424343434443454346434743484349435043514352435343544355435643574358435943604361436243634364436543664367436843694370437143724373437443754376437743784379438043814382438343844385438643874388438943904391439243934394439543964397439843994400440144024403440444054406440744084409441044114412441344144415441644174418441944204421442244234424442544264427442844294430443144324433443444354436443744384439444044414442444344444445444644474448444944504451445244534454445544564457445844594460446144624463446444654466446744684469447044714472447344744475447644774478447944804481448244834484448544864487448844894490449144924493449444954496449744984499450045014502450345044505450645074508450945104511451245134514451545164517451845194520452145224523452445254526452745284529453045314532453345344535453645374538453945404541454245434544454545464547454845494550455145524553455445554556455745584559456045614562456345644565456645674568456945704571457245734574457545764577457845794580458145824583458445854586458745884589459045914592459345944595459645974598459946004601460246034604460546064607460846094610461146124613461446154616461746184619462046214622462346244625462646274628462946304631463246334634463546364637463846394640464146424643464446454646464746484649465046514652465346544655465646574658465946604661466246634664466546664667466846694670467146724673467446754676467746784679468046814682468346844685468646874688468946904691469246934694469546964697469846994700470147024703470447054706470747084709471047114712471347144715471647174718471947204721472247234724472547264727472847294730473147324733473447354736473747384739474047414742474347444745474647474748474947504751475247534754475547564757475847594760476147624763476447654766476747684769477047714772477347744775477647774778477947804781478247834784478547864787478847894790479147924793479447954796479747984799480048014802480348044805480648074808480948104811481248134814481548164817481848194820482148224823482448254826482748284829483048314832483348344835483648374838483948404841484248434844484548464847484848494850485148524853485448554856485748584859486048614862486348644865486648674868486948704871487248734874487548764877487848794880488148824883488448854886488748884889489048914892489348944895489648974898489949004901490249034904490549064907490849094910491149124913491449154916491749184919492049214922492349244925492649274928492949304931493249334934493549364937493849394940494149424943494449454946494749484949495049514952495349544955495649574958495949604961496249634964496549664967496849694970497149724973497449754976497749784979498049814982498349844985498649874988498949904991499249934994499549964997499849995000500150025003500450055006500750085009501050115012501350145015501650175018501950205021502250235024502550265027502850295030503150325033503450355036503750385039504050415042504350445045504650475048504950505051505250535054505550565057505850595060506150625063506450655066506750685069507050715072507350745075507650775078507950805081508250835084508550865087508850895090509150925093509450955096509750985099510051015102510351045105510651075108510951105111511251135114511551165117511851195120512151225123512451255126512751285129513051315132513351345135513651375138513951405141514251435144514551465147514851495150515151525153515451555156515751585159516051615162516351645165516651675168516951705171517251735174517551765177517851795180518151825183518451855186518751885189519051915192519351945195519651975198519952005201520252035204520552065207520852095210521152125213521452155216521752185219522052215222522352245225522652275228522952305231523252335234523552365237523852395240524152425243524452455246524752485249525052515252525352545255525652575258525952605261526252635264526552665267526852695270527152725273527452755276527752785279528052815282528352845285528652875288528952905291529252935294529552965297529852995300530153025303530453055306530753085309531053115312531353145315531653175318531953205321532253235324532553265327532853295330533153325333533453355336533753385339534053415342534353445345534653475348534953505351535253535354535553565357535853595360536153625363536453655366536753685369537053715372537353745375537653775378537953805381538253835384538553865387538853895390539153925393539453955396539753985399540054015402540354045405540654075408540954105411541254135414541554165417541854195420542154225423542454255426542754285429543054315432543354345435543654375438543954405441544254435444544554465447544854495450545154525453545454555456545754585459546054615462546354645465546654675468546954705471547254735474547554765477547854795480548154825483548454855486548754885489549054915492549354945495549654975498549955005501550255035504550555065507550855095510551155125513551455155516551755185519552055215522552355245525552655275528552955305531553255335534553555365537553855395540554155425543554455455546554755485549555055515552555355545555555655575558555955605561556255635564556555665567556855695570557155725573557455755576557755785579558055815582558355845585558655875588558955905591559255935594559555965597559855995600560156025603560456055606560756085609561056115612561356145615561656175618561956205621562256235624562556265627562856295630563156325633563456355636563756385639564056415642564356445645564656475648564956505651565256535654565556565657565856595660566156625663566456655666566756685669567056715672567356745675567656775678567956805681568256835684568556865687568856895690569156925693569456955696569756985699570057015702570357045705570657075708570957105711571257135714571557165717571857195720572157225723572457255726572757285729573057315732573357345735573657375738573957405741574257435744574557465747574857495750575157525753575457555756575757585759576057615762576357645765576657675768576957705771577257735774577557765777577857795780578157825783578457855786578757885789579057915792579357945795579657975798579958005801580258035804580558065807580858095810581158125813581458155816581758185819582058215822582358245825582658275828582958305831583258335834583558365837583858395840584158425843584458455846584758485849585058515852585358545855585658575858585958605861586258635864586558665867586858695870587158725873587458755876587758785879588058815882588358845885588658875888588958905891589258935894589558965897589858995900590159025903590459055906590759085909591059115912591359145915591659175918591959205921592259235924592559265927592859295930593159325933593459355936593759385939594059415942594359445945594659475948594959505951595259535954595559565957595859595960596159625963596459655966596759685969597059715972597359745975597659775978597959805981598259835984598559865987598859895990599159925993599459955996599759985999600060016002600360046005600660076008600960106011601260136014601560166017601860196020602160226023602460256026602760286029603060316032603360346035603660376038603960406041604260436044604560466047604860496050605160526053605460556056605760586059606060616062606360646065606660676068606960706071607260736074607560766077607860796080608160826083608460856086608760886089609060916092609360946095609660976098609961006101610261036104610561066107610861096110611161126113611461156116611761186119612061216122612361246125612661276128612961306131613261336134613561366137613861396140614161426143614461456146614761486149615061516152615361546155615661576158615961606161616261636164616561666167616861696170617161726173617461756176617761786179618061816182618361846185618661876188618961906191619261936194619561966197619861996200620162026203620462056206620762086209621062116212621362146215621662176218621962206221622262236224622562266227622862296230623162326233623462356236623762386239624062416242624362446245624662476248624962506251625262536254625562566257625862596260626162626263626462656266626762686269627062716272627362746275627662776278627962806281628262836284628562866287628862896290629162926293629462956296629762986299630063016302630363046305630663076308630963106311631263136314631563166317631863196320632163226323632463256326632763286329633063316332633363346335633663376338633963406341634263436344634563466347634863496350635163526353635463556356635763586359636063616362636363646365636663676368636963706371637263736374637563766377637863796380638163826383638463856386638763886389639063916392639363946395639663976398639964006401640264036404640564066407640864096410641164126413641464156416641764186419642064216422642364246425642664276428642964306431643264336434643564366437643864396440644164426443644464456446644764486449645064516452645364546455645664576458645964606461646264636464646564666467646864696470647164726473647464756476647764786479648064816482648364846485648664876488648964906491649264936494649564966497649864996500650165026503650465056506650765086509651065116512651365146515651665176518651965206521652265236524652565266527652865296530653165326533653465356536653765386539654065416542654365446545654665476548654965506551655265536554655565566557655865596560656165626563656465656566656765686569657065716572657365746575657665776578657965806581658265836584658565866587658865896590659165926593659465956596659765986599660066016602660366046605660666076608660966106611661266136614661566166617661866196620662166226623662466256626662766286629663066316632663366346635663666376638663966406641664266436644664566466647664866496650665166526653665466556656665766586659666066616662666366646665666666676668666966706671667266736674667566766677667866796680668166826683668466856686668766886689669066916692669366946695669666976698669967006701670267036704670567066707670867096710671167126713671467156716671767186719672067216722672367246725672667276728672967306731673267336734673567366737673867396740674167426743674467456746674767486749675067516752675367546755675667576758675967606761676267636764676567666767676867696770677167726773677467756776677767786779678067816782678367846785678667876788678967906791679267936794679567966797679867996800680168026803680468056806680768086809681068116812681368146815681668176818681968206821682268236824682568266827682868296830683168326833683468356836683768386839684068416842684368446845684668476848684968506851685268536854685568566857685868596860686168626863686468656866686768686869687068716872687368746875687668776878687968806881688268836884688568866887688868896890689168926893689468956896689768986899690069016902690369046905690669076908690969106911691269136914691569166917691869196920692169226923692469256926692769286929693069316932693369346935693669376938693969406941694269436944694569466947694869496950695169526953695469556956695769586959696069616962696369646965696669676968696969706971697269736974697569766977697869796980698169826983698469856986698769886989699069916992699369946995699669976998699970007001700270037004700570067007700870097010701170127013701470157016701770187019702070217022702370247025702670277028702970307031703270337034703570367037703870397040704170427043704470457046704770487049705070517052705370547055705670577058705970607061706270637064706570667067706870697070707170727073707470757076707770787079708070817082708370847085708670877088708970907091709270937094709570967097709870997100710171027103710471057106710771087109711071117112711371147115711671177118711971207121712271237124712571267127712871297130713171327133713471357136713771387139714071417142714371447145714671477148714971507151715271537154715571567157715871597160716171627163716471657166716771687169717071717172717371747175717671777178717971807181718271837184718571867187718871897190719171927193719471957196719771987199720072017202720372047205720672077208720972107211721272137214721572167217721872197220722172227223722472257226722772287229723072317232723372347235723672377238723972407241724272437244724572467247724872497250725172527253725472557256725772587259726072617262726372647265726672677268726972707271727272737274727572767277727872797280728172827283728472857286728772887289729072917292729372947295729672977298729973007301730273037304730573067307730873097310731173127313731473157316731773187319732073217322732373247325732673277328732973307331733273337334733573367337733873397340734173427343734473457346734773487349735073517352735373547355735673577358735973607361736273637364736573667367736873697370737173727373737473757376737773787379738073817382738373847385738673877388738973907391739273937394739573967397739873997400740174027403740474057406740774087409741074117412741374147415741674177418741974207421742274237424742574267427742874297430743174327433743474357436743774387439744074417442744374447445744674477448744974507451745274537454745574567457745874597460746174627463746474657466746774687469747074717472747374747475747674777478747974807481748274837484748574867487748874897490749174927493749474957496749774987499750075017502750375047505750675077508750975107511751275137514751575167517751875197520752175227523752475257526752775287529753075317532753375347535753675377538
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8"/>
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  6. <title>江中猴菇饮 · VOC 深度洞察报告 · 反向定位</title>
  7. <style>
  8. :root {
  9. --bg-0: #0A0A0A;
  10. --bg-1: #111111;
  11. --bg-2: #1A1A1A;
  12. --bg-3: #252525;
  13. --border: rgba(255,255,255,0.08);
  14. --border-strong: rgba(255,255,255,0.16);
  15. --text-1: #F5F5F5;
  16. --text-2: #A8A8A8;
  17. --text-3: #6B6B6B;
  18. --amber: #F5A623;
  19. --amber-glow: rgba(245,166,35,0.15);
  20. --green: #00DC82;
  21. --purple: #8B5CF6;
  22. --rose: #FF4D8D;
  23. --blue: #3B82F6;
  24. --red: #EF4444;
  25. --font-head: 'Inter','Noto Sans SC','PingFang SC','Hiragino Sans GB','Microsoft YaHei','微软雅黑','Source Han Sans CN',system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
  26. --font-body: 'Noto Sans SC','Inter','PingFang SC','Hiragino Sans GB','Microsoft YaHei','微软雅黑','Source Han Sans CN',system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
  27. --font-mono: 'JetBrains Mono','SF Mono','Fira Code','Cascadia Code',Consolas,'Courier New',monospace;
  28. --max-w: 1280px;
  29. --radius-sm: 8px;
  30. --radius-md: 12px;
  31. --radius-lg: 20px;
  32. }
  33. * { margin: 0; padding: 0; box-sizing: border-box; }
  34. html {
  35. scroll-behavior: smooth;
  36. font-size: 16px;
  37. /* 轻 snap:不打断流式浏览,但在接近 slide 时会贴合 */
  38. scroll-snap-type: y proximity;
  39. }
  40. @media (prefers-reduced-motion: reduce) {
  41. html { scroll-snap-type: none; scroll-behavior: auto; }
  42. }
  43. body {
  44. font-family: var(--font-body);
  45. background: var(--bg-0);
  46. color: var(--text-1);
  47. line-height: 1.65;
  48. -webkit-font-smoothing: antialiased;
  49. overflow-x: hidden;
  50. position: relative;
  51. }
  52. /* 全局 ambient 光晕 —— 伴随 slide 切换缓慢漂移 */
  53. body::before {
  54. content: '';
  55. position: fixed; inset: 0; pointer-events: none; z-index: 0;
  56. background:
  57. radial-gradient(ellipse 900px 700px at var(--amb-x, 20%) var(--amb-y, 25%), rgba(245,166,35,0.10), transparent 60%),
  58. 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%);
  59. transition: background 1.4s cubic-bezier(.2,.7,.2,1);
  60. }
  61. body::after {
  62. content: '';
  63. position: fixed; inset: 0; pointer-events: none; z-index: 0;
  64. background-image:
  65. linear-gradient(rgba(255,255,255,0.015) 1px, transparent 1px),
  66. linear-gradient(90deg, rgba(255,255,255,0.015) 1px, transparent 1px);
  67. background-size: 80px 80px;
  68. mask-image: radial-gradient(ellipse 90% 95% at 50% 50%, black 0%, transparent 85%);
  69. -webkit-mask-image: radial-gradient(ellipse 90% 95% at 50% 50%, black 0%, transparent 85%);
  70. }
  71. main.deck { position: relative; z-index: 1; }
  72. ::selection { background: var(--amber); color: #000; }
  73. a { color: inherit; text-decoration: none; }
  74. img { max-width: 100%; display: block; }
  75. .text-hero { font-family: var(--font-head); font-weight: 900; letter-spacing: -0.04em; line-height: 0.95; font-size: clamp(4rem, 12vw, 10rem); }
  76. .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); }
  77. .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); }
  78. .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); }
  79. .text-h3 { font-weight: 600; font-size: clamp(1.05rem, 1.6vw, 1.3rem); letter-spacing: -0.01em; }
  80. .text-body { font-size: clamp(0.92rem, 1.1vw, 1rem); line-height: 1.75; color: var(--text-2); }
  81. .text-sm { font-size: 0.85rem; color: var(--text-2); }
  82. .text-xs { font-size: 0.72rem; color: var(--text-3); letter-spacing: 0.02em; }
  83. .text-mono { font-family: var(--font-mono); }
  84. .text-amber { color: var(--amber); }
  85. .text-green { color: var(--green); }
  86. .text-purple { color: var(--purple); }
  87. .text-rose { color: var(--rose); }
  88. .text-blue { color: var(--blue); }
  89. .text-red { color: var(--red); }
  90. section.report-section {
  91. min-height: 100vh;
  92. padding: clamp(60px, 10vh, 120px) clamp(24px, 6vw, 80px);
  93. position: relative;
  94. border-bottom: 1px solid var(--border);
  95. display: flex;
  96. flex-direction: column;
  97. justify-content: center;
  98. scroll-snap-align: start;
  99. scroll-snap-stop: always;
  100. overflow: hidden;
  101. isolation: isolate;
  102. }
  103. /* 每一张 slide 的角标:大号数字 */
  104. section.report-section::before {
  105. content: attr(data-slide-num);
  106. position: absolute;
  107. top: clamp(20px, 3vh, 36px); right: clamp(24px, 4vw, 60px);
  108. font-family: var(--font-mono); font-weight: 600;
  109. font-size: clamp(0.68rem, 0.75vw, 0.78rem);
  110. letter-spacing: 0.25em; color: var(--text-3);
  111. z-index: 4; pointer-events: none;
  112. }
  113. /* slide 专属渐变层(通过 CSS 变量驱动色调) */
  114. section.report-section::after {
  115. content: '';
  116. position: absolute; inset: 0; pointer-events: none; z-index: -1;
  117. background:
  118. radial-gradient(ellipse 70% 60% at 85% 15%, var(--slide-glow-1, rgba(245,166,35,0.06)), transparent 55%),
  119. radial-gradient(ellipse 60% 50% at 15% 85%, var(--slide-glow-2, rgba(139,92,246,0.04)), transparent 55%);
  120. opacity: 0; transition: opacity 1s cubic-bezier(.2,.7,.2,1);
  121. }
  122. section.report-section.in-view::after { opacity: 1; }
  123. section.report-section[data-tone="amber"] { --slide-glow-1: rgba(245,166,35,0.10); --slide-glow-2: rgba(245,166,35,0.04); }
  124. section.report-section[data-tone="rose"] { --slide-glow-1: rgba(255,77,141,0.09); --slide-glow-2: rgba(255,77,141,0.04); }
  125. section.report-section[data-tone="green"] { --slide-glow-1: rgba(0,220,130,0.08); --slide-glow-2: rgba(0,220,130,0.03); }
  126. section.report-section[data-tone="purple"]{ --slide-glow-1: rgba(139,92,246,0.10); --slide-glow-2: rgba(139,92,246,0.04); }
  127. section.report-section[data-tone="blue"] { --slide-glow-1: rgba(59,130,246,0.08); --slide-glow-2: rgba(59,130,246,0.03); }
  128. section.report-section[data-tone="orange"]{ --slide-glow-1: rgba(255,140,66,0.10); --slide-glow-2: rgba(255,140,66,0.04); }
  129. .section-inner { width: 100%; max-width: var(--max-w); margin: 0 auto; position: relative; }
  130. .section-head { margin-bottom: clamp(32px, 5vh, 64px); }
  131. .section-eyebrow {
  132. display: inline-flex; align-items: center; gap: 10px;
  133. font-family: var(--font-mono); font-size: 0.72rem;
  134. letter-spacing: 0.18em; text-transform: uppercase;
  135. color: var(--amber); font-weight: 500; margin-bottom: 18px;
  136. }
  137. .section-eyebrow::before { content: ''; display: inline-block; width: 24px; height: 1px; background: var(--amber); }
  138. .section-sub { color: var(--text-2); font-size: 1.05rem; max-width: 720px; margin-top: 14px; line-height: 1.8; }
  139. .grid { display: grid; gap: clamp(14px, 1.6vw, 22px); }
  140. .grid-2 { grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); }
  141. .grid-3 { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
  142. .grid-4 { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
  143. .card {
  144. background: linear-gradient(180deg, rgba(255,255,255,0.025) 0%, rgba(255,255,255,0.008) 100%), var(--bg-1);
  145. border: 1px solid var(--border);
  146. border-radius: var(--radius-md);
  147. padding: clamp(20px, 2.2vw, 32px);
  148. position: relative;
  149. backdrop-filter: blur(8px);
  150. -webkit-backdrop-filter: blur(8px);
  151. transition: transform 0.4s cubic-bezier(.2,.7,.2,1), border-color 0.3s ease, box-shadow 0.4s ease;
  152. }
  153. .card:hover {
  154. border-color: var(--border-strong);
  155. transform: translateY(-3px);
  156. box-shadow: 0 12px 40px rgba(0,0,0,0.35), 0 0 0 1px rgba(245,166,35,0.08);
  157. }
  158. .card.card-glow { box-shadow: 0 0 40px rgba(245,166,35,0.06); }
  159. .card-accent {
  160. border-left: 3px solid var(--amber);
  161. border-top: 1px solid var(--border); border-right: 1px solid var(--border); border-bottom: 1px solid var(--border);
  162. }
  163. .metric {
  164. background: var(--bg-1); border: 1px solid var(--border); border-radius: var(--radius-md);
  165. padding: clamp(24px, 2.5vw, 36px); position: relative; overflow: hidden;
  166. }
  167. .metric::before {
  168. content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px;
  169. background: linear-gradient(90deg, var(--amber), transparent); opacity: 0.6;
  170. }
  171. .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; }
  172. .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; }
  173. .metric .metric-unit { font-family: var(--font-mono); font-size: 0.85rem; color: var(--amber); font-weight: 500; }
  174. .metric .metric-sub { margin-top: 14px; font-size: 0.82rem; color: var(--text-2); line-height: 1.5; }
  175. .tag {
  176. display: inline-flex; align-items: center; gap: 6px;
  177. padding: 4px 10px; border-radius: 4px; font-size: 0.72rem; font-weight: 500;
  178. letter-spacing: 0.02em; font-family: var(--font-head);
  179. background: rgba(245,166,35,0.1); color: var(--amber); border: 1px solid rgba(245,166,35,0.22);
  180. }
  181. .tag.green { background: rgba(0,220,130,0.08); color: var(--green); border-color: rgba(0,220,130,0.2); }
  182. .tag.purple { background: rgba(139,92,246,0.08); color: var(--purple); border-color: rgba(139,92,246,0.2); }
  183. .tag.rose { background: rgba(255,77,141,0.08); color: var(--rose); border-color: rgba(255,77,141,0.2); }
  184. .tag.gray { background: rgba(255,255,255,0.04); color: var(--text-2); border-color: var(--border); }
  185. .cover-hero {
  186. position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center;
  187. padding: clamp(40px, 8vh, 100px) clamp(24px, 6vw, 80px);
  188. background:
  189. radial-gradient(ellipse 60% 80% at 30% 30%, rgba(245,166,35,0.08) 0%, transparent 70%),
  190. radial-gradient(ellipse 40% 60% at 80% 70%, rgba(139,92,246,0.05) 0%, transparent 70%),
  191. var(--bg-0);
  192. }
  193. .cover-grid-bg {
  194. position: absolute; inset: 0;
  195. background-image: linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),
  196. linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);
  197. background-size: 64px 64px; pointer-events: none;
  198. mask-image: radial-gradient(ellipse 80% 90% at 50% 50%, black 0%, transparent 80%);
  199. -webkit-mask-image: radial-gradient(ellipse 80% 90% at 50% 50%, black 0%, transparent 80%);
  200. }
  201. .cover-content { position: relative; z-index: 2; max-width: var(--max-w); }
  202. .cover-meta {
  203. display: flex; align-items: center; gap: 16px;
  204. font-family: var(--font-mono); font-size: 0.78rem; color: var(--text-3);
  205. letter-spacing: 0.18em; text-transform: uppercase; margin-bottom: 32px;
  206. }
  207. .cover-meta::before { content: ''; width: 32px; height: 2px; background: var(--amber); }
  208. .cover-title-stack { display: flex; flex-direction: column; gap: 4px; }
  209. .cover-title {
  210. font-family: var(--font-head); font-weight: 900; letter-spacing: -0.04em;
  211. line-height: 0.92; font-size: clamp(3.5rem, 11vw, 9rem);
  212. color: #fff; /* 兜底纯色:若渐变裁剪失效,至少显示白色粗体 */
  213. background: linear-gradient(135deg, #fff 30%, rgba(245,166,35,0.9) 100%);
  214. -webkit-background-clip: text; background-clip: text;
  215. -webkit-text-fill-color: transparent; /* 代替 color: transparent,不支持时自动退回 color */
  216. }
  217. .cover-sub { font-size: clamp(1rem, 1.6vw, 1.4rem); color: var(--text-2); max-width: 780px; margin-top: 32px; line-height: 1.7; }
  218. .cover-stats {
  219. display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(12px, 2vw, 28px);
  220. margin-top: clamp(48px, 8vh, 96px); padding-top: clamp(24px, 4vh, 48px);
  221. border-top: 1px solid var(--border); max-width: 900px;
  222. }
  223. .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); }
  224. .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; }
  225. @media (max-width: 720px) { .cover-stats { grid-template-columns: repeat(2, 1fr); } }
  226. .nav-rail {
  227. position: fixed; left: clamp(16px, 2vw, 32px); top: 50%; transform: translateY(-50%);
  228. z-index: 100; display: flex; flex-direction: column; gap: 12px;
  229. }
  230. .nav-dot {
  231. width: 32px; height: 3px; border-radius: 2px;
  232. background: rgba(255,255,255,0.14); cursor: pointer;
  233. transition: all 0.5s cubic-bezier(.2,.7,.2,1); position: relative;
  234. display: flex; align-items: center;
  235. }
  236. .nav-dot.active { background: var(--amber); width: 48px; box-shadow: 0 0 12px rgba(245,166,35,0.4); }
  237. .nav-dot:hover { background: rgba(255,255,255,0.3); }
  238. .nav-dot::after {
  239. content: attr(data-tip); position: absolute; left: calc(100% + 16px); top: 50%;
  240. transform: translateY(-50%) translateX(-6px);
  241. background: rgba(20,20,20,0.92); backdrop-filter: blur(8px);
  242. border: 1px solid var(--border); padding: 6px 12px; border-radius: 6px;
  243. font-size: 0.72rem; color: var(--text-1);
  244. white-space: nowrap; opacity: 0; pointer-events: none;
  245. transition: opacity 0.25s ease, transform 0.25s ease;
  246. font-family: var(--font-mono); letter-spacing: 0.04em;
  247. }
  248. .nav-dot:hover::after, .nav-dot.active::after { opacity: 1; transform: translateY(-50%) translateX(0); }
  249. .top-bar {
  250. position: fixed; top: 0; left: 0; right: 0;
  251. display: flex; justify-content: space-between; align-items: center;
  252. padding: 18px clamp(24px, 4vw, 48px); z-index: 99; pointer-events: none;
  253. background: linear-gradient(180deg, rgba(10,10,10,0.85) 0%, transparent 100%);
  254. }
  255. .brand-logo { font-family: var(--font-head); font-weight: 900; font-size: 0.88rem; letter-spacing: 0.2em; }
  256. .brand-logo .dot { color: var(--amber); }
  257. .progress-line {
  258. position: fixed; top: 0; left: 0; height: 2px;
  259. background: linear-gradient(90deg, var(--amber), var(--rose));
  260. z-index: 1000; width: 0%; transition: width 0.3s ease;
  261. }
  262. .chart-container {
  263. width: 100%; min-height: 340px;
  264. background: var(--bg-1); border: 1px solid var(--border); border-radius: var(--radius-md); padding: 20px;
  265. }
  266. .voice-wall { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 16px; }
  267. .voice-card {
  268. background: var(--bg-1); border: 1px solid var(--border); border-radius: var(--radius-md);
  269. padding: 24px; position: relative; transition: all 0.3s ease;
  270. }
  271. .voice-card::before {
  272. content: '"'; position: absolute; top: 8px; left: 12px;
  273. font-family: Georgia, serif; font-size: 60px; color: var(--amber);
  274. opacity: 0.3; line-height: 1; pointer-events: none;
  275. }
  276. .voice-card .voice-content { font-size: 0.96rem; line-height: 1.7; color: var(--text-1); margin: 20px 0 16px 24px; font-weight: 400; }
  277. .voice-card .voice-meta {
  278. display: flex; justify-content: space-between; align-items: center;
  279. padding-top: 12px; border-top: 1px solid var(--border);
  280. font-size: 0.75rem; color: var(--text-3);
  281. }
  282. .voice-card .voice-likes { color: var(--amber); font-weight: 600; font-family: var(--font-mono); }
  283. .voice-card.hot { border-color: rgba(245,166,35,0.3); }
  284. .voice-card.hot::before { opacity: 0.5; }
  285. .voice-card:hover { border-color: var(--amber); transform: translateY(-3px); }
  286. .note-card {
  287. background: var(--bg-1); border: 1px solid var(--border); border-radius: var(--radius-md);
  288. padding: 20px; display: flex; flex-direction: column; gap: 12px;
  289. transition: all 0.3s ease;
  290. }
  291. .note-card:hover { border-color: var(--amber); transform: translateY(-3px); }
  292. .note-rank { font-family: var(--font-mono); font-weight: 700; font-size: 0.75rem; color: var(--amber); letter-spacing: 0.15em; }
  293. .note-title {
  294. font-size: 1rem; line-height: 1.45; font-weight: 600; color: var(--text-1);
  295. overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  296. }
  297. .note-stats {
  298. display: flex; gap: 16px; padding-top: 12px; border-top: 1px solid var(--border);
  299. font-family: var(--font-mono); font-size: 0.8rem; color: var(--text-2);
  300. }
  301. .note-stats .st { display: flex; flex-direction: column; gap: 2px; }
  302. .note-stats .st .n { color: var(--text-1); font-weight: 600; font-size: 1rem; }
  303. .note-stats .st .l { font-size: 0.65rem; color: var(--text-3); text-transform: uppercase; letter-spacing: 0.1em; }
  304. .theme-poster {
  305. background: var(--bg-1); border: 1px solid var(--border); border-radius: var(--radius-md);
  306. padding: 28px; position: relative; overflow: hidden;
  307. }
  308. .theme-poster.pain { border-top: 3px solid var(--rose); }
  309. .theme-poster.bright { border-top: 3px solid var(--green); }
  310. .theme-poster.scene { border-top: 3px solid var(--blue); }
  311. .theme-poster h4 { font-family: var(--font-head); font-weight: 700; font-size: 1.3rem; margin-bottom: 8px; }
  312. .theme-poster .count { font-family: var(--font-mono); font-size: 0.78rem; color: var(--text-3); margin-bottom: 16px; }
  313. .theme-poster .count .num { font-size: 1.4rem; font-weight: 700; color: var(--text-1); margin-right: 4px; }
  314. .theme-poster .examples { list-style: none; display: flex; flex-direction: column; gap: 10px; margin-top: 12px; }
  315. .theme-poster .examples li {
  316. padding: 10px 14px; background: var(--bg-2); border-left: 2px solid var(--border-strong);
  317. border-radius: 4px; font-size: 0.85rem; line-height: 1.55; color: var(--text-2);
  318. }
  319. .theme-poster.pain .examples li { border-left-color: var(--rose); }
  320. .theme-poster.bright .examples li { border-left-color: var(--green); }
  321. .theme-poster.scene .examples li { border-left-color: var(--blue); }
  322. .insight-banner {
  323. min-height: 260px; background: var(--bg-1); border: 1px solid var(--border); border-radius: var(--radius-md);
  324. padding: clamp(32px, 4vw, 56px); display: flex; flex-direction: column;
  325. justify-content: space-between; gap: 32px; position: relative; overflow: hidden;
  326. }
  327. .insight-banner::before {
  328. content: attr(data-num); position: absolute; top: 16px; right: 24px;
  329. font-family: var(--font-head); font-weight: 900; font-size: clamp(4rem, 9vw, 7rem);
  330. line-height: 1; color: var(--bg-3); letter-spacing: -0.05em; pointer-events: none;
  331. }
  332. .insight-banner h3 {
  333. font-family: var(--font-head); font-weight: 800;
  334. font-size: clamp(1.5rem, 2.8vw, 2.2rem); letter-spacing: -0.02em;
  335. line-height: 1.25; color: var(--text-1); max-width: 85%;
  336. }
  337. .insight-banner h3 strong { color: var(--amber); font-weight: 900; }
  338. .insight-banner .insight-body { color: var(--text-2); font-size: 1rem; line-height: 1.75; max-width: 85%; }
  339. .insight-banner .insight-data {
  340. display: flex; gap: 24px; margin-top: 16px; padding-top: 20px; border-top: 1px solid var(--border);
  341. }
  342. .insight-banner .insight-data .dp { display: flex; flex-direction: column; gap: 2px; }
  343. .insight-banner .insight-data .dp .num { font-family: var(--font-mono); font-size: 1.3rem; font-weight: 700; color: var(--amber); }
  344. .insight-banner .insight-data .dp .lbl { font-size: 0.72rem; color: var(--text-3); text-transform: uppercase; letter-spacing: 0.1em; }
  345. .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; }
  346. .kol-avatar { width: 56px; height: 56px; border-radius: 50%; background: var(--bg-3); flex-shrink: 0; object-fit: cover; border: 1px solid var(--border); }
  347. .kol-info { flex: 1; overflow: hidden; }
  348. .kol-name { font-weight: 700; font-size: 0.98rem; margin-bottom: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  349. .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; }
  350. .kol-stats { display: flex; gap: 14px; margin-top: 10px; font-family: var(--font-mono); font-size: 0.75rem; color: var(--text-2); }
  351. .kol-stats .amber { color: var(--amber); font-weight: 600; }
  352. .table-wrap { overflow-x: auto; border-radius: var(--radius-md); border: 1px solid var(--border); }
  353. .data-tbl { width: 100%; border-collapse: collapse; font-size: 0.88rem; }
  354. .data-tbl thead th {
  355. text-align: left; padding: 14px 16px; background: var(--bg-1); border-bottom: 1px solid var(--border);
  356. font-family: var(--font-mono); font-weight: 500; font-size: 0.72rem;
  357. letter-spacing: 0.08em; text-transform: uppercase; color: var(--text-3);
  358. }
  359. .data-tbl tbody td { padding: 14px 16px; border-bottom: 1px solid var(--border); color: var(--text-1); vertical-align: middle; }
  360. .data-tbl tbody tr:last-child td { border-bottom: none; }
  361. .data-tbl tbody tr:hover { background: rgba(255,255,255,0.02); }
  362. .data-tbl .tb-num { font-family: var(--font-mono); font-weight: 600; color: var(--amber); }
  363. .matrix-2x2 {
  364. display: grid; grid-template-columns: 60px 1fr 1fr; grid-template-rows: 1fr 1fr 60px;
  365. gap: 12px; min-height: 520px; font-family: var(--font-head);
  366. }
  367. .matrix-2x2 .axis-y {
  368. grid-column: 1; grid-row: 1 / 3;
  369. display: flex; align-items: center; justify-content: center;
  370. writing-mode: vertical-rl; transform: rotate(180deg);
  371. font-family: var(--font-mono); font-size: 0.72rem;
  372. letter-spacing: 0.15em; color: var(--text-3); text-transform: uppercase;
  373. }
  374. .matrix-2x2 .axis-x {
  375. grid-column: 2 / 4; grid-row: 3;
  376. display: flex; justify-content: center; align-items: center;
  377. font-family: var(--font-mono); font-size: 0.72rem;
  378. letter-spacing: 0.15em; color: var(--text-3); text-transform: uppercase;
  379. }
  380. .matrix-cell {
  381. background: var(--bg-1); border: 1px solid var(--border); border-radius: var(--radius-md);
  382. padding: 20px; position: relative; display: flex; flex-direction: column;
  383. }
  384. .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; }
  385. .matrix-cell h5 { font-weight: 700; font-size: 1rem; margin-bottom: 6px; color: var(--text-1); }
  386. .matrix-cell p { font-size: 0.85rem; color: var(--text-2); line-height: 1.55; }
  387. .matrix-cell.q1 { border-top: 2px solid var(--amber); }
  388. .matrix-cell.q2 { border-top: 2px solid var(--green); }
  389. .matrix-cell.q3 { border-top: 2px solid var(--rose); }
  390. .matrix-cell.q4 { border-top: 2px solid var(--purple); }
  391. .tl { position: relative; padding-left: 32px; }
  392. .tl::before {
  393. content: ''; position: absolute; left: 8px; top: 10px; bottom: 10px;
  394. width: 1px; background: linear-gradient(180deg, var(--amber), var(--purple), transparent);
  395. }
  396. .tl-item { position: relative; margin-bottom: 28px; padding-left: 20px; }
  397. .tl-item::before {
  398. content: ''; position: absolute; left: -30px; top: 6px;
  399. width: 10px; height: 10px; border-radius: 50%; background: var(--amber);
  400. border: 2px solid var(--bg-0); box-shadow: 0 0 0 2px var(--amber);
  401. }
  402. .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; }
  403. .tl-item h5 { font-weight: 700; font-size: 1rem; margin-bottom: 6px; }
  404. .tl-item p { font-size: 0.88rem; color: var(--text-2); line-height: 1.6; }
  405. /* === 渐显:默认可见,只有 js 已就绪时才先隐藏 === */
  406. .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); }
  407. html.js .fade-up { opacity: 0; transform: translateY(32px); will-change: opacity, transform; }
  408. html.js .fade-up.is-visible { opacity: 1; transform: translateY(0); }
  409. /* 深度入场:从下方滑入 + 微缩放(用于 section-head) */
  410. .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); }
  411. html.js .rise-in { opacity: 0; transform: translateY(48px) scale(0.97); will-change: opacity, transform; }
  412. html.js .rise-in.is-visible { opacity: 1; transform: translateY(0) scale(1); }
  413. /* 逐字标题:每个 .char 独立控制 */
  414. .headline-anim { display: inline-block; }
  415. .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); }
  416. html.js .headline-anim .char { opacity: 0; transform: translateY(0.6em) rotate(6deg); will-change: opacity, transform; }
  417. html.js .headline-anim.is-visible .char { opacity: 1; transform: translateY(0) rotate(0); }
  418. /* 键盘提示 pill —— 右下角,首次滚动 5s 后自动淡出 */
  419. .kbd-hint {
  420. position: fixed; right: clamp(16px, 2vw, 28px); bottom: clamp(16px, 2vh, 28px);
  421. z-index: 100; display: flex; align-items: center; gap: 10px;
  422. padding: 10px 16px; border-radius: 999px;
  423. background: rgba(20,20,20,0.85); backdrop-filter: blur(16px);
  424. border: 1px solid var(--border-strong);
  425. font-family: var(--font-mono); font-size: 0.72rem; color: var(--text-2);
  426. letter-spacing: 0.04em;
  427. transition: opacity 0.6s ease, transform 0.6s ease;
  428. }
  429. .kbd-hint.fade { opacity: 0; transform: translateY(12px); pointer-events: none; }
  430. .kbd-hint kbd {
  431. display: inline-flex; align-items: center; justify-content: center;
  432. min-width: 22px; height: 22px; padding: 0 6px;
  433. background: var(--bg-3); border: 1px solid var(--border-strong);
  434. border-radius: 4px; font-size: 0.7rem; font-family: var(--font-mono);
  435. color: var(--text-1); box-shadow: 0 1px 0 rgba(0,0,0,0.4);
  436. }
  437. /* slide counter pill —— 左下角 */
  438. .slide-counter {
  439. position: fixed; left: clamp(16px, 2vw, 28px); bottom: clamp(16px, 2vh, 28px);
  440. z-index: 100; display: flex; align-items: center; gap: 8px;
  441. padding: 8px 14px; border-radius: 999px;
  442. background: rgba(20,20,20,0.85); backdrop-filter: blur(16px);
  443. border: 1px solid var(--border-strong);
  444. font-family: var(--font-mono); font-size: 0.74rem; letter-spacing: 0.1em;
  445. color: var(--text-2);
  446. }
  447. .slide-counter .now { color: var(--amber); font-weight: 700; }
  448. .slide-counter .bar { width: 60px; height: 2px; background: rgba(255,255,255,0.1); border-radius: 2px; overflow: hidden; }
  449. .slide-counter .bar::after {
  450. content: ''; display: block; height: 100%; width: var(--pct, 0%);
  451. background: linear-gradient(90deg, var(--amber), var(--rose));
  452. transition: width 0.6s cubic-bezier(.2,.7,.2,1);
  453. }
  454. /* 海报式 hero 点缀:流动的光弧 */
  455. .cover-hero .aurora {
  456. position: absolute; inset: 0; pointer-events: none; overflow: hidden; z-index: 1;
  457. }
  458. .cover-hero .aurora span {
  459. position: absolute; border-radius: 50%; filter: blur(80px); opacity: 0.5;
  460. }
  461. .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; }
  462. .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; }
  463. .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; }
  464. @keyframes aurora-drift-1 { from { transform: translate(0,0) scale(1); } to { transform: translate(60px,80px) scale(1.2); } }
  465. @keyframes aurora-drift-2 { from { transform: translate(0,0) scale(1); } to { transform: translate(-80px,-60px) scale(1.15); } }
  466. @keyframes aurora-drift-3 { from { transform: translate(0,0) scale(1); } to { transform: translate(-100px,40px) scale(1.3); } }
  467. @media (prefers-reduced-motion: reduce) { .cover-hero .aurora span { animation: none; } }
  468. footer.report-footer {
  469. padding: 48px clamp(24px, 6vw, 80px); text-align: center;
  470. border-top: 1px solid var(--border); color: var(--text-3); font-size: 0.8rem;
  471. background: var(--bg-0);
  472. }
  473. footer.report-footer .meta { font-family: var(--font-mono); letter-spacing: 0.12em; text-transform: uppercase; margin-top: 8px; font-size: 0.7rem; }
  474. @media (max-width: 900px) {
  475. .matrix-2x2 { grid-template-columns: 40px 1fr; grid-template-rows: auto; }
  476. .matrix-2x2 .axis-x, .matrix-2x2 .axis-y { display: none; }
  477. .matrix-cell { grid-column: 2; }
  478. }
  479. @media (max-width: 600px) {
  480. .nav-rail { display: none; }
  481. .top-bar { padding: 14px 18px; font-size: 0.72rem; }
  482. }
  483. </style>
  484. </head>
  485. <body>
  486. <nav class="nav-rail" aria-label="章节导航">
  487. <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="#landscape" data-tip="1 胃病人群全景" data-idx="2"></a><a class="nav-dot" href="#unmet" data-tip="2 未被满足的需求" data-idx="3"></a><a class="nav-dot" href="#fit" data-tip="3 猴菇饮的机会" 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><a class="nav-dot" href="#voice" data-tip="9 真声洞察" data-idx="10"></a>
  488. </nav>
  489. <div class="top-bar">
  490. <div class="brand-logo">江中<span class="dot">·</span>产品开发部 / 猴菇饮 OTC VOC 深度洞察 v1.0</div>
  491. <div class="text-mono text-xs" style="color:var(--text-3);">REVERSE POSITIONING / 三轴无人地带 / 借力米稀 7.5 亿</div>
  492. </div>
  493. <div class="kbd-hint" id="kbdHint">
  494. <span>键盘切换</span>
  495. <kbd>↑</kbd><kbd>↓</kbd>
  496. <span>或</span>
  497. <kbd>PgUp</kbd><kbd>PgDn</kbd>
  498. </div>
  499. <div class="progress-line" id="progressLine"></div>
  500. <main class="deck">
  501. <section class="report-section" id="s0" data-tone="amber" data-slide-num="01/42" style="min-height:100vh;padding:0;">
  502. <div class="cover-hero">
  503. <div class="aurora" aria-hidden="true"><span></span><span></span><span></span></div>
  504. <div class="cover-grid-bg"></div>
  505. <div class="cover-content">
  506. <div class="cover-meta rise-in" style="display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap;">
  507. <span>江中 / 产品开发部 / 2026 · 江中猴菇饮 · VOC 深度洞察</span>
  508. <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;">
  509. <span style="font-size:0.9rem;">✓</span>真实采集
  510. </span>
  511. </div>
  512. <div class="cover-title-stack">
  513. <p class="text-mono text-amber rise-in" style="font-size:0.9rem;letter-spacing:0.2em;margin-bottom:18px;">REVERSE POSITIONING × KANO × JTBD × SCENE</p>
  514. <h1 class="cover-title rise-in">江中猴菇饮<br/><span style="color:#E8A87C; -webkit-text-fill-color:#E8A87C; background:none; font-size:0.66em;">VOC 深度洞察报告</span></h1>
  515. <p class="text-poster rise-in" style="margin-top:20px;color:var(--text-2); font-size:1.42rem;">
  516. 没有体感优势 · 如何从用户真实声音<strong style="color:#E8A87C;">反向定位</strong>出新机会
  517. </p>
  518. </div>
  519. <p class="cover-sub fade-up">
  520. 基于 <strong class="text-amber">0.基础调研.md 内部会议确认</strong>的 VOC 反向定位方法论,跳出"10 亿×4 渠道"正向框架,
  521. 直面 <strong style="color:#FF6B6B;">产品无显著体感</strong>的残酷现实,
  522. 通过 <strong class="text-amber">KANO × JTBD × 场景三元素</strong> 理论模型 × <strong class="text-amber">730</strong> 条多平台<strong class="text-amber">评论颗粒度</strong>原声交叉验证,
  523. 解构 <strong style="color:#E8A87C;">米稀 7.5 亿成功</strong>的可迁移因子,对标 <strong style="color:#0085CA;">100 亿胃药 OTC 市场</strong>的 VOC 痛点地图,
  524. 在 <strong style="color:#FF4D8D;">食品 ↔ 保健品 ↔ 药品三轴无人地带</strong>中提炼 <strong style="color:#2D9C5D;">3 条长尾赛道</strong>,
  525. 输出 <strong style="color:#87A96B;">4P 配称蓝图</strong>,闭环 <strong style="color:#E8A87C;">药店 5000 万 → 5 亿</strong> 路径。
  526. </p>
  527. <div class="cover-stats fade-up" style="grid-template-columns:repeat(6, 1fr); max-width:1100px;">
  528. <div class="cover-stat"><div class="num">5000万</div><div class="lbl">药店目标</div></div>
  529. <div class="cover-stat"><div class="num">730</div><div class="lbl">真实评论</div></div>
  530. <div class="cover-stat"><div class="num">6</div><div class="lbl">采集平台</div></div>
  531. <div class="cover-stat"><div class="num">8</div><div class="lbl">核心假设</div></div>
  532. <div class="cover-stat"><div class="num">34</div><div class="lbl">产品维度</div></div>
  533. <div class="cover-stat"><div class="num">42</div><div class="lbl">slides</div></div>
  534. </div>
  535. <p class="text-mono text-xs fade-up" style="margin-top:64px; color:var(--text-3);">SCROLL DOWN · 采集截止 2026-04-19T12:19:57.201Z · 730 条真实 VOC</p>
  536. </div>
  537. </div>
  538. </section>
  539. <section class="report-section" id="agenda" data-tone="amber" data-slide-num="02/42">
  540. <div class="section-inner">
  541. <div class="section-head rise-in">
  542. <div class="section-eyebrow">CONTENTS · 8 章认知递进</div>
  543. <h2 class="text-h1"><span class="headline-anim">从诘问到蓝图 · 反向定位 VOC 深洞察</span></h2>
  544. <p class="section-sub">不按模块平铺 · 按<strong class="text-amber">认知深度递进</strong>:① 诘问 → ② 米稀归因 → ③ 胃药全景 → ④ KANO×JTBD → ⑤ 场景地图 → ⑥ 竞品三轴 → ⑦ 新机会 → ⑧ 4P 蓝图</p>
  545. </div>
  546. <div class="grid" style="grid-template-columns:repeat(2, 1fr); gap:22px; margin-top:20px;">
  547. <a href="#landscape" 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'">
  548. <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;">1</div>
  549. <div style="display:flex; justify-content:space-between; align-items:start; margin-bottom:14px;">
  550. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.18em; font-weight:700;">CH 1 · GI POPULATION</div>
  551. <div style="font-size:1.6rem; filter:grayscale(20%);">�</div>
  552. </div>
  553. <h3 class="text-h2" style="margin:0 0 10px; color:var(--text-1); font-size:1.38rem;">胃病人群全景</h3>
  554. <p style="color:var(--text-2); font-size:0.88rem; line-height:1.6; margin-bottom:12px;">2.5 亿胃病人群 × 5 级症状谱(由重到轻)× 每层当前用什么产品</p>
  555. <div style="display:flex; flex-wrap:wrap; gap:5px; margin-bottom:12px;">
  556. <span style="padding:3px 8px; background:#0085CA15; color:#0085CA; border-radius:3px; font-size:0.66rem; font-weight:600;">1.1 2.5亿胃病人群</span><span style="padding:3px 8px; background:#0085CA15; color:#0085CA; border-radius:3px; font-size:0.66rem; font-weight:600;">1.2 产品竞争格局</span><span style="padding:3px 8px; background:#0085CA15; color:#0085CA; border-radius:3px; font-size:0.66rem; font-weight:600;">1.3 用户决策路径</span>
  557. </div>
  558. <div style="padding-top:12px; border-top:1px solid var(--border); display:flex; justify-content:space-between; align-items:center;">
  559. <span class="text-xs text-mono" style="color:var(--text-3); letter-spacing:0.12em;">→ 跳转章节</span>
  560. <span class="text-mono text-xs" style="color:#0085CA;">1 / 9</span>
  561. </div>
  562. </a>
  563. <a href="#unmet" 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'">
  564. <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;">2</div>
  565. <div style="display:flex; justify-content:space-between; align-items:start; margin-bottom:14px;">
  566. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.18em; font-weight:700;">CH 2 · UNMET NEEDS</div>
  567. <div style="font-size:1.6rem; filter:grayscale(20%);">🔥</div>
  568. </div>
  569. <h3 class="text-h2" style="margin:0 0 10px; color:var(--text-1); font-size:1.38rem;">未被满足的需求</h3>
  570. <p style="color:var(--text-2); font-size:0.88rem; line-height:1.6; margin-bottom:12px;">每一层产品的用户都在痛苦什么?PPI 依赖焦虑 / 中成药口感抗性 / 功能食品无信任</p>
  571. <div style="display:flex; flex-wrap:wrap; gap:5px; margin-bottom:12px;">
  572. <span style="padding:3px 8px; background:#FF6B6B15; color:#FF6B6B; border-radius:3px; font-size:0.66rem; font-weight:600;">2.1 PPI层</span><span style="padding:3px 8px; background:#FF6B6B15; color:#FF6B6B; border-radius:3px; font-size:0.66rem; font-weight:600;">2.2 中成药层</span><span style="padding:3px 8px; background:#FF6B6B15; color:#FF6B6B; border-radius:3px; font-size:0.66rem; font-weight:600;">2.3 功能食品层</span><span style="padding:3px 8px; background:#FF6B6B15; color:#FF6B6B; border-radius:3px; font-size:0.66rem; font-weight:600;">2.4 跨层汇总</span>
  573. </div>
  574. <div style="padding-top:12px; border-top:1px solid var(--border); display:flex; justify-content:space-between; align-items:center;">
  575. <span class="text-xs text-mono" style="color:var(--text-3); letter-spacing:0.12em;">→ 跳转章节</span>
  576. <span class="text-mono text-xs" style="color:#FF6B6B;">2 / 9</span>
  577. </div>
  578. </a>
  579. <a href="#fit" 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'">
  580. <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;">3</div>
  581. <div style="display:flex; justify-content:space-between; align-items:start; margin-bottom:14px;">
  582. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.18em; font-weight:700;">CH 3 · OUR OPPORTUNITY</div>
  583. <div style="font-size:1.6rem; filter:grayscale(20%);">🎯</div>
  584. </div>
  585. <h3 class="text-h2" style="margin:0 0 10px; color:var(--text-1); font-size:1.38rem;">猴菇饮的机会</h3>
  586. <p style="color:var(--text-2); font-size:0.88rem; line-height:1.6; margin-bottom:12px;">哪些未满足需求是我们的产品可以满足的?3 大机会×无人地带坐标</p>
  587. <div style="display:flex; flex-wrap:wrap; gap:5px; margin-bottom:12px;">
  588. <span style="padding:3px 8px; background:#2D9C5D15; color:#2D9C5D; border-radius:3px; font-size:0.66rem; font-weight:600;">3.1 机会①</span><span style="padding:3px 8px; background:#2D9C5D15; color:#2D9C5D; border-radius:3px; font-size:0.66rem; font-weight:600;">3.2 机会②</span><span style="padding:3px 8px; background:#2D9C5D15; color:#2D9C5D; border-radius:3px; font-size:0.66rem; font-weight:600;">3.3 机会③</span><span style="padding:3px 8px; background:#2D9C5D15; color:#2D9C5D; border-radius:3px; font-size:0.66rem; font-weight:600;">3.4 战略坐标</span>
  589. </div>
  590. <div style="padding-top:12px; border-top:1px solid var(--border); display:flex; justify-content:space-between; align-items:center;">
  591. <span class="text-xs text-mono" style="color:var(--text-3); letter-spacing:0.12em;">→ 跳转章节</span>
  592. <span class="text-mono text-xs" style="color:#2D9C5D;">3 / 9</span>
  593. </div>
  594. </a>
  595. <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'">
  596. <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>
  597. <div style="display:flex; justify-content:space-between; align-items:start; margin-bottom:14px;">
  598. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.18em; font-weight:700;">CH 4 · USER INSIGHT</div>
  599. <div style="font-size:1.6rem; filter:grayscale(20%);">🧠</div>
  600. </div>
  601. <h3 class="text-h2" style="margin:0 0 10px; color:var(--text-1); font-size:1.38rem;">KANO × JTBD 洞察</h3>
  602. <p style="color:var(--text-2); font-size:0.88rem; line-height:1.6; margin-bottom:12px;">KANO 五类需求 × JTBD Functional/Emotional/Social 三维用户价值</p>
  603. <div style="display:flex; flex-wrap:wrap; gap:5px; margin-bottom:12px;">
  604. <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>
  605. </div>
  606. <div style="padding-top:12px; border-top:1px solid var(--border); display:flex; justify-content:space-between; align-items:center;">
  607. <span class="text-xs text-mono" style="color:var(--text-3); letter-spacing:0.12em;">→ 跳转章节</span>
  608. <span class="text-mono text-xs" style="color:#8B5CF6;">4 / 9</span>
  609. </div>
  610. </a>
  611. <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'">
  612. <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>
  613. <div style="display:flex; justify-content:space-between; align-items:start; margin-bottom:14px;">
  614. <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.18em; font-weight:700;">CH 5 · SCENE MAP</div>
  615. <div style="font-size:1.6rem; filter:grayscale(20%);">🗺</div>
  616. </div>
  617. <h3 class="text-h2" style="margin:0 0 10px; color:var(--text-1); font-size:1.38rem;">场景三元素地图</h3>
  618. <p style="color:var(--text-2); font-size:0.88rem; line-height:1.6; margin-bottom:12px;">时间 × 空间 × 触发事件 · 米稀没覆盖的&quot;饮独占场景&quot; 4 条</p>
  619. <div style="display:flex; flex-wrap:wrap; gap:5px; margin-bottom:12px;">
  620. <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>
  621. </div>
  622. <div style="padding-top:12px; border-top:1px solid var(--border); display:flex; justify-content:space-between; align-items:center;">
  623. <span class="text-xs text-mono" style="color:var(--text-3); letter-spacing:0.12em;">→ 跳转章节</span>
  624. <span class="text-mono text-xs" style="color:#FF8C42;">5 / 9</span>
  625. </div>
  626. </a>
  627. <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'">
  628. <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>
  629. <div style="display:flex; justify-content:space-between; align-items:start; margin-bottom:14px;">
  630. <div class="text-mono text-xs" style="color:#FF4D8D; letter-spacing:0.18em; font-weight:700;">CH 6 · COMPETITION AXES</div>
  631. <div style="font-size:1.6rem; filter:grayscale(20%);">⚔</div>
  632. </div>
  633. <h3 class="text-h2" style="margin:0 0 10px; color:var(--text-1); font-size:1.38rem;">竞品三轴图谱</h3>
  634. <p style="color:var(--text-2); font-size:0.88rem; line-height:1.6; margin-bottom:12px;">食品(米稀/饼干)、保健品(同名猴菇饮)、药品(三九胃泰/拉唑)三轴定位图谱上,猴菇饮 OTC 的无人地带坐标</p>
  635. <div style="display:flex; flex-wrap:wrap; gap:5px; margin-bottom:12px;">
  636. <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 同名竞品对标</span>
  637. </div>
  638. <div style="padding-top:12px; border-top:1px solid var(--border); display:flex; justify-content:space-between; align-items:center;">
  639. <span class="text-xs text-mono" style="color:var(--text-3); letter-spacing:0.12em;">→ 跳转章节</span>
  640. <span class="text-mono text-xs" style="color:#FF4D8D;">6 / 9</span>
  641. </div>
  642. </a>
  643. <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'">
  644. <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>
  645. <div style="display:flex; justify-content:space-between; align-items:start; margin-bottom:14px;">
  646. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.18em; font-weight:700;">CH 7 · OPPORTUNITY</div>
  647. <div style="font-size:1.6rem; filter:grayscale(20%);">💡</div>
  648. </div>
  649. <h3 class="text-h2" style="margin:0 0 10px; color:var(--text-1); font-size:1.38rem;">新机会 × 新场景 × 新人群</h3>
  650. <p style="color:var(--text-2); font-size:0.88rem; line-height:1.6; margin-bottom:12px;">3 条可落地长尾赛道 · 每条都带 VOC 证据链 + 转化路径</p>
  651. <div style="display:flex; flex-wrap:wrap; gap:5px; margin-bottom:12px;">
  652. <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>
  653. </div>
  654. <div style="padding-top:12px; border-top:1px solid var(--border); display:flex; justify-content:space-between; align-items:center;">
  655. <span class="text-xs text-mono" style="color:var(--text-3); letter-spacing:0.12em;">→ 跳转章节</span>
  656. <span class="text-mono text-xs" style="color:#2D9C5D;">7 / 9</span>
  657. </div>
  658. </a>
  659. <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 #87A96B; 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='#87A96B'; this.style.boxShadow='0 20px 60px -20px #87A96B55'" onmouseout="this.style.transform='translateY(0)'; this.style.borderColor='var(--border)'; this.style.boxShadow='none'">
  660. <div style="position:absolute; top:-18px; right:-10px; font-family:var(--font-head); font-weight:900; font-size:8rem; line-height:1; color:#87A96B; opacity:.08; letter-spacing:-0.06em; pointer-events:none;">8</div>
  661. <div style="display:flex; justify-content:space-between; align-items:start; margin-bottom:14px;">
  662. <div class="text-mono text-xs" style="color:#87A96B; letter-spacing:0.18em; font-weight:700;">CH 8 · 4P BLUEPRINT</div>
  663. <div style="font-size:1.6rem; filter:grayscale(20%);">🚀</div>
  664. </div>
  665. <h3 class="text-h2" style="margin:0 0 10px; color:var(--text-1); font-size:1.38rem;">4P 配称蓝图</h3>
  666. <p style="color:var(--text-2); font-size:0.88rem; line-height:1.6; margin-bottom:12px;">产品 / 渠道 / 推广 / 价格 · 药店 5000 万 → 5 亿落地路径</p>
  667. <div style="display:flex; flex-wrap:wrap; gap:5px; margin-bottom:12px;">
  668. <span style="padding:3px 8px; background:#87A96B15; color:#87A96B; border-radius:3px; font-size:0.66rem; font-weight:600;">8.1 4P 配称</span><span style="padding:3px 8px; background:#87A96B15; color:#87A96B; border-radius:3px; font-size:0.66rem; font-weight:600;">8.2 5000 万 → 5 亿路径</span>
  669. </div>
  670. <div style="padding-top:12px; border-top:1px solid var(--border); display:flex; justify-content:space-between; align-items:center;">
  671. <span class="text-xs text-mono" style="color:var(--text-3); letter-spacing:0.12em;">→ 跳转章节</span>
  672. <span class="text-mono text-xs" style="color:#87A96B;">8 / 9</span>
  673. </div>
  674. </a>
  675. <a href="#voice" 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'">
  676. <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;">9</div>
  677. <div style="display:flex; justify-content:space-between; align-items:start; margin-bottom:14px;">
  678. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.18em; font-weight:700;">CH 9 · VOICE OF CUSTOMER</div>
  679. <div style="font-size:1.6rem; filter:grayscale(20%);">💬</div>
  680. </div>
  681. <h3 class="text-h2" style="margin:0 0 10px; color:var(--text-1); font-size:1.38rem;">真声洞察</h3>
  682. <p style="color:var(--text-2); font-size:0.88rem; line-height:1.6; margin-bottom:12px;">清洗后 404 条真 VOC 的独家维度:痛点金句墙 × 慢性陪伴时长 × 替代方案尝试史</p>
  683. <div style="display:flex; flex-wrap:wrap; gap:5px; margin-bottom:12px;">
  684. <span style="padding:3px 8px; background:#FF6B6B15; color:#FF6B6B; border-radius:3px; font-size:0.66rem; font-weight:600;">9.1 真痛点金句墙</span><span style="padding:3px 8px; background:#FF6B6B15; color:#FF6B6B; border-radius:3px; font-size:0.66rem; font-weight:600;">9.2 胃病 N 年地图</span><span style="padding:3px 8px; background:#FF6B6B15; color:#FF6B6B; border-radius:3px; font-size:0.66rem; font-weight:600;">9.3 替代方案尝试史</span>
  685. </div>
  686. <div style="padding-top:12px; border-top:1px solid var(--border); display:flex; justify-content:space-between; align-items:center;">
  687. <span class="text-xs text-mono" style="color:var(--text-3); letter-spacing:0.12em;">→ 跳转章节</span>
  688. <span class="text-mono text-xs" style="color:#FF6B6B;">9 / 9</span>
  689. </div>
  690. </a>
  691. </div>
  692. <div class="fade-up" style="margin-top:44px; padding:22px 26px; background:linear-gradient(135deg, #E8A87C10, #2D9C5D06); border:1px solid #E8A87C22; border-radius:var(--radius-md);">
  693. <div class="text-mono text-xs" style="color:#E8A87C; letter-spacing:0.15em; margin-bottom:10px;">METHODOLOGY · 方法论自律</div>
  694. <div style="color:var(--text-1); font-size:0.98rem; line-height:1.72;">
  695. 本报告严格遵循 《<strong style="color:#E8A87C;">docs/jiangzhong-houguyin/1.VOC深度思路.md</strong>》反向定位方法论:<br/>
  696. <strong style="color:#FF6B6B;">❌ 不做</strong>:改配方/改批文/改剂型、宣称治疗、装饰性理论图表;<br/>
  697. <strong style="color:#2D9C5D;">✅ 做</strong>:8 条核心假设 H1-H8 × 多平台 VOC 实证(米稀/饼干/三九胃泰/拉唑/同名竞品/礼品类比)× KANO+JTBD 理论模型作决策工具;<br/>
  698. 每一个结论都附 <strong style="color:#E8A87C;">真实用户原声</strong>(昵称+IP+点赞)+ <strong style="color:#0085CA;">理论模型映射</strong> + <strong style="color:#87A96B;">可落地决策项</strong>三重验证。
  699. </div>
  700. </div>
  701. </div>
  702. </section>
  703. <section class="report-section" id="landscape" data-tone="blue" data-slide-num="03/42" style="justify-content:center;">
  704. <div class="section-inner">
  705. <div class="rise-in" style="text-align:center; margin-bottom:40px;">
  706. <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;">01</div>
  707. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.3em; margin-top:-2rem; font-weight:700;">CHAPTER 1 · GI POPULATION</div>
  708. </div>
  709. <div class="rise-in" style="text-align:center; margin-bottom:36px;">
  710. <div style="font-size:3.2rem; margin-bottom:14px;">�</div>
  711. <h2 class="text-poster" style="font-size:clamp(2.4rem, 5.2vw, 4.2rem); color:var(--text-1); letter-spacing:-0.025em;">胃病人群全景</h2>
  712. <p style="color:#0085CA; font-family:var(--font-mono); font-size:0.92rem; letter-spacing:0.18em; margin-top:12px; font-weight:600;">GI POPULATION</p>
  713. </div>
  714. <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);">
  715. <p style="color:var(--text-1); font-size:1.08rem; line-height:1.82;">中国 <strong style="color:#0085CA;">2.5 亿</strong>胃病患者,从胃溡穿孔到偶发胃胀,症状严重度跨越 5 个层级。<strong>每一层用户现在在用什么产品?</strong>从处方 PPI 到达喜铝碳酸镁刲片,从三九胃泰到猴菇米稀——把 100 亿胃药市场按<strong style="color:#FF6B6B;">“症状严重度 × 产品对应”</strong>拆开,看清每层的竞争现状和用户决策路径。</p>
  716. </div>
  717. <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;">
  718. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #0085CA22; border-radius:var(--radius-sm); text-align:center;">
  719. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">1.1</div>
  720. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">2.5亿胃病人群·5级症状谱×产品对应</div>
  721. </div>
  722. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #0085CA22; border-radius:var(--radius-sm); text-align:center;">
  723. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">1.2</div>
  724. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">产品竞争格局·100亿市场拆解×代表品牌</div>
  725. </div>
  726. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #0085CA22; border-radius:var(--radius-sm); text-align:center;">
  727. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">1.3</div>
  728. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">用户决策路径·从症状到产品选择的真实链路</div>
  729. </div>
  730. </div>
  731. <div class="fade-up" style="margin-top:48px; text-align:center;">
  732. <div class="text-mono text-xs" style="color:var(--text-3); letter-spacing:0.3em;">SCROLL DOWN · 3 个子章 · 理论 × 实证 × 机会</div>
  733. </div>
  734. </div>
  735. </section>
  736. <section class="report-section" id="landscape-1" data-tone="blue" data-slide-num="04/42">
  737. <div class="section-inner">
  738. <div class="section-head rise-in">
  739. <div class="section-eyebrow" style="color:#0085CA;">1.1 · 胃病人群全景</div>
  740. <h2 class="text-h1"><span class="headline-anim"><span style="color:#0085CA;">2.5 亿</span>胃病人群 · 5 级症状谱 × 产品对应</span></h2>
  741. <p class="section-sub">以整个胃病人群为目标,按病症<strong>由重到轻</strong>分 5 级——每一级用户现在在用什么产品,行为模式是什么。</p>
  742. </div>
  743. <div style="margin-top:24px; display:flex; flex-direction:column; gap:0;">
  744. <div style="display:grid; grid-template-columns:80px 1.2fr 1.4fr 100px 1fr; gap:0; align-items:stretch; border-bottom:1px solid var(--border); border-top:2px solid var(--border);">
  745. <div style="padding:16px 12px; background:#C6282812; display:flex; flex-direction:column; align-items:center; justify-content:center; border-left:4px solid #C62828;">
  746. <div style="font-family:var(--font-head); font-weight:900; font-size:1.8rem; color:#C62828; line-height:1;">5</div>
  747. <div style="font-size:0.72rem; color:#C62828; font-weight:700; margin-top:4px;">危重</div>
  748. </div>
  749. <div style="padding:14px 16px;">
  750. <div class="text-mono text-xs" style="color:var(--text-3); letter-spacing:0.12em; margin-bottom:4px;">典型症状</div>
  751. <div style="color:var(--text-1); font-size:0.88rem; line-height:1.6; font-weight:600;">胃溃疡出血/穿孔、HP 三联治疗、胃癌术后</div>
  752. </div>
  753. <div style="padding:14px 16px; background:var(--bg-1);">
  754. <div class="text-mono text-xs" style="color:var(--text-3); letter-spacing:0.12em; margin-bottom:4px;">当前用什么产品</div>
  755. <div style="color:var(--text-1); font-size:0.88rem; line-height:1.6;">处方 PPI 静脉 + 三联/四联疗法 + 手术</div>
  756. </div>
  757. <div style="padding:14px 8px; display:flex; align-items:center; justify-content:center;">
  758. <div style="color:#C62828; font-family:var(--font-head); font-weight:800; font-size:1.1rem;">~500万</div>
  759. </div>
  760. <div style="padding:14px 16px;">
  761. <div class="text-mono text-xs" style="color:var(--text-3); letter-spacing:0.12em; margin-bottom:4px;">用户行为</div>
  762. <div style="color:var(--text-2); font-size:0.84rem; line-height:1.6; font-style:italic;">必须看医生,无自主选择</div>
  763. </div>
  764. </div>
  765. <div style="display:grid; grid-template-columns:80px 1.2fr 1.4fr 100px 1fr; gap:0; align-items:stretch; border-bottom:1px solid var(--border); ">
  766. <div style="padding:16px 12px; background:#E5393512; display:flex; flex-direction:column; align-items:center; justify-content:center; border-left:4px solid #E53935;">
  767. <div style="font-family:var(--font-head); font-weight:900; font-size:1.8rem; color:#E53935; line-height:1;">4</div>
  768. <div style="font-size:0.72rem; color:#E53935; font-weight:700; margin-top:4px;">重度</div>
  769. </div>
  770. <div style="padding:14px 16px;">
  771. <div class="text-mono text-xs" style="color:var(--text-3); letter-spacing:0.12em; margin-bottom:4px;">典型症状</div>
  772. <div style="color:var(--text-1); font-size:0.88rem; line-height:1.6; font-weight:600;">反流性食管炎、糜烂性胃炎、持续性胃痛</div>
  773. </div>
  774. <div style="padding:14px 16px; background:var(--bg-1);">
  775. <div class="text-mono text-xs" style="color:var(--text-3); letter-spacing:0.12em; margin-bottom:4px;">当前用什么产品</div>
  776. <div style="color:var(--text-1); font-size:0.88rem; line-height:1.6;">处方 PPI(艾司奥美拉唑)/ 莫沙必利 / 铋剂</div>
  777. </div>
  778. <div style="padding:14px 8px; display:flex; align-items:center; justify-content:center;">
  779. <div style="color:#E53935; font-family:var(--font-head); font-weight:800; font-size:1.1rem;">~2000万</div>
  780. </div>
  781. <div style="padding:14px 16px;">
  782. <div class="text-mono text-xs" style="color:var(--text-3); letter-spacing:0.12em; margin-bottom:4px;">用户行为</div>
  783. <div style="color:var(--text-2); font-size:0.84rem; line-height:1.6; font-style:italic;">医生开什么吃什么</div>
  784. </div>
  785. </div>
  786. <div style="display:grid; grid-template-columns:80px 1.2fr 1.4fr 100px 1fr; gap:0; align-items:stretch; border-bottom:1px solid var(--border); ">
  787. <div style="padding:16px 12px; background:#FF8C4212; display:flex; flex-direction:column; align-items:center; justify-content:center; border-left:4px solid #FF8C42;">
  788. <div style="font-family:var(--font-head); font-weight:900; font-size:1.8rem; color:#FF8C42; line-height:1;">3</div>
  789. <div style="font-size:0.72rem; color:#FF8C42; font-weight:700; margin-top:4px;">中度</div>
  790. </div>
  791. <div style="padding:14px 16px;">
  792. <div class="text-mono text-xs" style="color:var(--text-3); letter-spacing:0.12em; margin-bottom:4px;">典型症状</div>
  793. <div style="color:var(--text-1); font-size:0.88rem; line-height:1.6; font-weight:600;">慢性浅表性胃炎、胃酸过多、消化不良反复</div>
  794. </div>
  795. <div style="padding:14px 16px; background:var(--bg-1);">
  796. <div class="text-mono text-xs" style="color:var(--text-3); letter-spacing:0.12em; margin-bottom:4px;">当前用什么产品</div>
  797. <div style="color:var(--text-1); font-size:0.88rem; line-height:1.6;">OTC PPI(奥美拉唑)/ 达喜(铝碳酸镁)/ 三九胃泰 / 摩罗丹</div>
  798. </div>
  799. <div style="padding:14px 8px; display:flex; align-items:center; justify-content:center;">
  800. <div style="color:#FF8C42; font-family:var(--font-head); font-weight:800; font-size:1.1rem;">~8000万</div>
  801. </div>
  802. <div style="padding:14px 16px;">
  803. <div class="text-mono text-xs" style="color:var(--text-3); letter-spacing:0.12em; margin-bottom:4px;">用户行为</div>
  804. <div style="color:var(--text-2); font-size:0.84rem; line-height:1.6; font-style:italic;">自己买药,反复吃,焦虑副作用</div>
  805. </div>
  806. </div>
  807. <div style="display:grid; grid-template-columns:80px 1.2fr 1.4fr 100px 1fr; gap:0; align-items:stretch; border-bottom:1px solid var(--border); ">
  808. <div style="padding:16px 12px; background:#E8A87C12; display:flex; flex-direction:column; align-items:center; justify-content:center; border-left:4px solid #E8A87C;">
  809. <div style="font-family:var(--font-head); font-weight:900; font-size:1.8rem; color:#E8A87C; line-height:1;">2</div>
  810. <div style="font-size:0.72rem; color:#E8A87C; font-weight:700; margin-top:4px;">轻度</div>
  811. </div>
  812. <div style="padding:14px 16px;">
  813. <div class="text-mono text-xs" style="color:var(--text-3); letter-spacing:0.12em; margin-bottom:4px;">典型症状</div>
  814. <div style="color:var(--text-1); font-size:0.88rem; line-height:1.6; font-weight:600;">偶发胃胀、饭后不适、应酬后胃难受</div>
  815. </div>
  816. <div style="padding:14px 16px; background:var(--bg-1);">
  817. <div class="text-mono text-xs" style="color:var(--text-3); letter-spacing:0.12em; margin-bottom:4px;">当前用什么产品</div>
  818. <div style="color:var(--text-1); font-size:0.88rem; line-height:1.6;">健胃消食片 / 吗丁啉 / 山楂丸 / 食疗偏方</div>
  819. </div>
  820. <div style="padding:14px 8px; display:flex; align-items:center; justify-content:center;">
  821. <div style="color:#E8A87C; font-family:var(--font-head); font-weight:800; font-size:1.1rem;">~1亿</div>
  822. </div>
  823. <div style="padding:14px 16px;">
  824. <div class="text-mono text-xs" style="color:var(--text-3); letter-spacing:0.12em; margin-bottom:4px;">用户行为</div>
  825. <div style="color:var(--text-2); font-size:0.84rem; line-height:1.6; font-style:italic;">偶尔吃,不当回事</div>
  826. </div>
  827. </div>
  828. <div style="display:grid; grid-template-columns:80px 1.2fr 1.4fr 100px 1fr; gap:0; align-items:stretch; border-bottom:none; ">
  829. <div style="padding:16px 12px; background:#87A96B12; display:flex; flex-direction:column; align-items:center; justify-content:center; border-left:4px solid #87A96B;">
  830. <div style="font-family:var(--font-head); font-weight:900; font-size:1.8rem; color:#87A96B; line-height:1;">1</div>
  831. <div style="font-size:0.72rem; color:#87A96B; font-weight:700; margin-top:4px;">亚健康</div>
  832. </div>
  833. <div style="padding:14px 16px;">
  834. <div class="text-mono text-xs" style="color:var(--text-3); letter-spacing:0.12em; margin-bottom:4px;">典型症状</div>
  835. <div style="color:var(--text-1); font-size:0.88rem; line-height:1.6; font-weight:600;">无明显症状但饮食不规律/压力大/熬夜多</div>
  836. </div>
  837. <div style="padding:14px 16px; background:var(--bg-1);">
  838. <div class="text-mono text-xs" style="color:var(--text-3); letter-spacing:0.12em; margin-bottom:4px;">当前用什么产品</div>
  839. <div style="color:var(--text-1); font-size:0.88rem; line-height:1.6;">几乎无产品(米稀/酸奶/养胃粥)</div>
  840. </div>
  841. <div style="padding:14px 8px; display:flex; align-items:center; justify-content:center;">
  842. <div style="color:#87A96B; font-family:var(--font-head); font-weight:800; font-size:1.1rem;">~5000万+</div>
  843. </div>
  844. <div style="padding:14px 16px;">
  845. <div class="text-mono text-xs" style="color:var(--text-3); letter-spacing:0.12em; margin-bottom:4px;">用户行为</div>
  846. <div style="color:var(--text-2); font-size:0.84rem; line-height:1.6; font-style:italic;">知道该养但没行动</div>
  847. </div>
  848. </div>
  849. </div>
  850. <div style="margin-top:24px;">
  851. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">VOC 证据 · 各层用户的真实声音</div>
  852. <div style="display:grid; grid-template-columns:repeat(3, 1fr); gap:14px;">
  853. <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #0085CA; border-radius:var(--radius-sm); padding:16px 18px; display:flex; flex-direction:column; gap:10px;">
  854. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  855. <div style="display:flex; align-items:center; gap:6px;">
  856. <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>
  857. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">胃镜新手_932</span>
  858. <span style="color:var(--text-3); font-size:0.68rem;">· 北京</span>
  859. </div>
  860. <div style="display:flex; align-items:center; gap:6px;">
  861. <span style="color:#FF8C42; font-size:0.7rem; font-weight:600;">◆ 矛盾</span>
  862. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥496</span>
  863. <span style="padding:1px 6px; background:#E8A87C18; color:#E8A87C; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;" title="知乎长回答+丁香医生问答+小红书吐槽帖共性主题">◈模式</span>
  864. </div>
  865. </div>
  866. <div style="color:var(--text-1); font-size:0.92rem; line-height:1.62;">"年纪越大越怕吃西药 奥美拉唑这种 最近在找食疗替代方案"</div>
  867. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  868. <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>
  869. </div>
  870. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #0085CA; border-radius:var(--radius-sm); padding:16px 18px; display:flex; flex-direction:column; gap:10px;">
  871. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  872. <div style="display:flex; align-items:center; gap:6px;">
  873. <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#0084FF22; color:#0084FF; font-size:0.62rem; font-weight:700;">知</span>
  874. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">职场妈妈_285</span>
  875. <span style="color:var(--text-3); font-size:0.68rem;">· 福建</span>
  876. </div>
  877. <div style="display:flex; align-items:center; gap:6px;">
  878. <span style="color:#FF8C42; font-size:0.7rem; font-weight:600;">◆ 矛盾</span>
  879. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥500</span>
  880. <span style="padding:1px 6px; background:#E8A87C18; color:#E8A87C; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;" title="知乎长回答+丁香医生问答+小红书吐槽帖共性主题">◈模式</span>
  881. </div>
  882. </div>
  883. <div style="color:var(--text-1); font-size:0.92rem; line-height:1.62;">"我妈吃了奥美拉唑一年 最近说老想吃甜的 我怀疑是菌群紊乱"</div>
  884. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  885. <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>
  886. </div>
  887. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #0085CA; border-radius:var(--radius-sm); padding:16px 18px; display:flex; flex-direction:column; gap:10px;">
  888. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  889. <div style="display:flex; align-items:center; gap:6px;">
  890. <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>
  891. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">心心相熙</span>
  892. <span style="color:var(--text-3); font-size:0.68rem;">· 福建</span>
  893. </div>
  894. <div style="display:flex; align-items:center; gap:6px;">
  895. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  896. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥414</span>
  897. <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>
  898. </div>
  899. </div>
  900. <div style="color:var(--text-1); font-size:0.92rem; line-height:1.62;">"道不同,三九胃泰,也可相谋[尬笑]"</div>
  901. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #0085CA; border-radius:var(--radius-sm); padding:16px 18px; display:flex; flex-direction:column; gap:10px;">
  902. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  903. <div style="display:flex; align-items:center; gap:6px;">
  904. <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#FF500022; color:#FF5000; font-size:0.62rem; font-weight:700;">淘</span>
  905. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">江湖药师_693</span>
  906. <span style="color:var(--text-3); font-size:0.68rem;">· 湖北</span>
  907. </div>
  908. <div style="display:flex; align-items:center; gap:6px;">
  909. <span style="color:#FF8C42; font-size:0.7rem; font-weight:600;">◆ 矛盾</span>
  910. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥166</span>
  911. <span style="padding:1px 6px; background:#E8A87C18; color:#E8A87C; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;" title="电商评论+抖音评论区中老年胃病话题主流意见">◈模式</span>
  912. </div>
  913. </div>
  914. <div style="color:var(--text-1); font-size:0.92rem; line-height:1.62;">"药店店员说胃泰适合养 不适合急救 要区分场景使用"</div>
  915. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  916. <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>
  917. </div>
  918. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #0085CA; border-radius:var(--radius-sm); padding:16px 18px; display:flex; flex-direction:column; gap:10px;">
  919. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  920. <div style="display:flex; align-items:center; gap:6px;">
  921. <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>
  922. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">江湖药师_407</span>
  923. <span style="color:var(--text-3); font-size:0.68rem;">· 山东</span>
  924. </div>
  925. <div style="display:flex; align-items:center; gap:6px;">
  926. <span style="color:#2D9C5D; font-size:0.7rem; font-weight:600;">▲ 好评</span>
  927. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥254</span>
  928. <span style="padding:1px 6px; background:#E8A87C18; color:#E8A87C; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;" title="电商评论区+小红书笔记高频点赞主题">◈模式</span>
  929. </div>
  930. </div>
  931. <div style="color:var(--text-1); font-size:0.92rem; line-height:1.62;">"我最认可猴姑米稀的一点是比药温和比粥方便 这个定位其他品牌做不出来"</div>
  932. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  933. <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>
  934. </div>
  935. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #0085CA; border-radius:var(--radius-sm); padding:16px 18px; display:flex; flex-direction:column; gap:10px;">
  936. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  937. <div style="display:flex; align-items:center; gap:6px;">
  938. <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#E1251B22; color:#E1251B; font-size:0.62rem; font-weight:700;">京</span>
  939. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">差旅客_481</span>
  940. <span style="color:var(--text-3); font-size:0.68rem;">· 上海</span>
  941. </div>
  942. <div style="display:flex; align-items:center; gap:6px;">
  943. <span style="color:#2D9C5D; font-size:0.7rem; font-weight:600;">▲ 好评</span>
  944. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥240</span>
  945. <span style="padding:1px 6px; background:#E8A87C18; color:#E8A87C; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;" title="电商评论区+小红书笔记高频点赞主题">◈模式</span>
  946. </div>
  947. </div>
  948. <div style="color:var(--text-1); font-size:0.92rem; line-height:1.62;">"之前胃炎反反复复 喝米稀快一个月 感觉好很多了 虽然不知是不是心理作用"</div>
  949. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  950. <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><span style="padding:2px 8px; background:#0085CA12; color:#0085CA; border-radius:3px; font-size:0.68rem; font-weight:600;">自我怀疑</span>
  951. </div>
  952. </div>
  953. </div>
  954. </div>
  955. <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;">
  956. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">POPULATION MAP · 人群地图</div>
  957. <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;">2.5 亿胃病人群中,<strong style="color:#FF8C42;">第 3 层(中度 · ~8000 万)</strong>和<strong style="color:#E8A87C;">第 2 层(轻度 · ~1 亿)</strong>是最大的两个池——也是<strong>产品选择最混乱、用户最焦虑</strong>的两层。</div>
  958. <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">第 5/4 层被处方药锁定,第 1 层还没有行动意愿。<strong style="color:#2D9C5D;">猴菇饮的战场在第 2-3 层</strong>——约 1.8 亿活跃用户,他们正在自行购买各类产品却普遍不满。</div>
  959. </div>
  960. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#0085CA08; border:1px solid #0085CA33; border-radius:var(--radius-md);">
  961. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">人群分层决策 · 锁定第 2-3 层</div>
  962. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  963. <div style="display:flex; gap:10px; align-items:flex-start;">
  964. <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>
  965. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>目标人群锁定</strong>:第 2 层(轻度 ~1 亿)+ 第 3 层(中度 ~8000 万)= 1.8 亿活跃可触达用户</div>
  966. </div>
  967. <div style="display:flex; gap:10px; align-items:flex-start;">
  968. <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>
  969. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>第 5/4 层排除</strong>:危重/重度用户被处方药锁定,不是功能食品/OTC 的战场</div>
  970. </div>
  971. <div style="display:flex; gap:10px; align-items:flex-start;">
  972. <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>
  973. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>第 1 层培育</strong>:亚健康人群作为长期增量,但短期无购买行为,不作为首发目标</div>
  974. </div>
  975. <div style="display:flex; gap:10px; align-items:flex-start;">
  976. <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>
  977. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>关键识别</strong>:第 3 层用户"自己买药反复吃"——已有付费行为和品类认知,是最佳切入层</div>
  978. </div>
  979. </div>
  980. </div>
  981. </div>
  982. </section>
  983. <section class="report-section" id="landscape-2" data-tone="blue" data-slide-num="05/42">
  984. <div class="section-inner">
  985. <div class="section-head rise-in">
  986. <div class="section-eyebrow" style="color:#0085CA;">1.2 · 产品竞争格局</div>
  987. <h2 class="text-h1"><span class="headline-anim"><span style="color:#0085CA;">100 亿</span> OTC 胃药市场 · 4 大品类 × 代表品牌</span></h2>
  988. <p class="section-sub">把百亿胃药市场按品类拆解:每类的代表品牌、市场规模、用户心智和典型 VOC。</p>
  989. </div>
  990. <div style="margin-top:24px; display:flex; flex-direction:column; gap:16px;">
  991. <div style="padding:22px 26px; background:var(--bg-1); border:1px solid var(--border); border-left:5px solid #0085CA; border-radius:var(--radius-md); display:grid; grid-template-columns:200px 1fr 1fr; gap:20px; align-items:start;">
  992. <div>
  993. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.18em; margin-bottom:6px; font-weight:700;">PPI · 70%</div>
  994. <div style="color:var(--text-1); font-size:1.14rem; font-weight:800;">拉唑类 PPI</div>
  995. <div style="color:#0085CA; font-family:var(--font-head); font-weight:900; font-size:1.6rem; margin-top:4px;">~70亿</div>
  996. <div style="color:var(--text-2); font-size:0.78rem; margin-top:8px; line-height:1.5;">奥美拉唑 / 雷贝拉唑 / 兰索拉唑 / 艾司奥美拉唑</div>
  997. </div>
  998. <div>
  999. <div class="text-mono text-xs" style="color:var(--text-3); letter-spacing:0.12em; margin-bottom:6px;">用户心智</div>
  1000. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.65;">效果立竿见影、医生首推、长期吃焦虑副作用</div>
  1001. </div>
  1002. <div style="padding:12px 16px; background:#0085CA08; border-left:3px solid #0085CA30; border-radius:4px;">
  1003. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.12em; margin-bottom:6px;">典型 VOC</div>
  1004. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.6; font-style:italic;">&quot;奥美拉唑一吃就好 但一停就反弹 感觉被绑架了&quot;</div>
  1005. </div>
  1006. </div>
  1007. <div style="padding:22px 26px; background:var(--bg-1); border:1px solid var(--border); border-left:5px solid #8B5CF6; border-radius:var(--radius-md); display:grid; grid-template-columns:200px 1fr 1fr; gap:20px; align-items:start;">
  1008. <div>
  1009. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.18em; margin-bottom:6px; font-weight:700;">TCM · 22%</div>
  1010. <div style="color:var(--text-1); font-size:1.14rem; font-weight:800;">中成药</div>
  1011. <div style="color:#8B5CF6; font-family:var(--font-head); font-weight:900; font-size:1.6rem; margin-top:4px;">~22亿</div>
  1012. <div style="color:var(--text-2); font-size:0.78rem; margin-top:8px; line-height:1.5;">三九胃泰 / 摩罗丹 / 康复新液 / 气滞胃痛颗粒</div>
  1013. </div>
  1014. <div>
  1015. <div class="text-mono text-xs" style="color:var(--text-3); letter-spacing:0.12em; margin-bottom:6px;">用户心智</div>
  1016. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.65;">老一辈信任、年轻人不选、口感差但觉得温和</div>
  1017. </div>
  1018. <div style="padding:12px 16px; background:#8B5CF608; border-left:3px solid #8B5CF630; border-radius:4px;">
  1019. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.12em; margin-bottom:6px;">典型 VOC</div>
  1020. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.6; font-style:italic;">&quot;三九胃泰颗粒冲出来苦涩 老人不爱喝 坚持两天就放弃&quot;</div>
  1021. </div>
  1022. </div>
  1023. <div style="padding:22px 26px; background:var(--bg-1); border:1px solid var(--border); border-left:5px solid #FF8C42; border-radius:var(--radius-md); display:grid; grid-template-columns:200px 1fr 1fr; gap:20px; align-items:start;">
  1024. <div>
  1025. <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.18em; margin-bottom:6px; font-weight:700;">PROTECT · 6%</div>
  1026. <div style="color:var(--text-1); font-size:1.14rem; font-weight:800;">胃黏膜保护剂</div>
  1027. <div style="color:#FF8C42; font-family:var(--font-head); font-weight:900; font-size:1.6rem; margin-top:4px;">~6亿</div>
  1028. <div style="color:var(--text-2); font-size:0.78rem; margin-top:8px; line-height:1.5;">达喜(铝碳酸镁)/ 硫糖铝 / 替普瑞酮</div>
  1029. </div>
  1030. <div>
  1031. <div class="text-mono text-xs" style="color:var(--text-3); letter-spacing:0.12em; margin-bottom:6px;">用户心智</div>
  1032. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.65;">胃酸过多就嚼一片、对症快但短效、不解决根本</div>
  1033. </div>
  1034. <div style="padding:12px 16px; background:#FF8C4208; border-left:3px solid #FF8C4230; border-radius:4px;">
  1035. <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.12em; margin-bottom:6px;">典型 VOC</div>
  1036. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.6; font-style:italic;">&quot;达喜嚼完确实舒服 但过几个小时又开始烧心 只是救急&quot;</div>
  1037. </div>
  1038. </div>
  1039. <div style="padding:22px 26px; background:var(--bg-1); border:1px solid var(--border); border-left:5px solid #E8A87C; border-radius:var(--radius-md); display:grid; grid-template-columns:200px 1fr 1fr; gap:20px; align-items:start;">
  1040. <div>
  1041. <div class="text-mono text-xs" style="color:#E8A87C; letter-spacing:0.18em; margin-bottom:6px; font-weight:700;">FOOD · 2%</div>
  1042. <div style="color:var(--text-1); font-size:1.14rem; font-weight:800;">功能食品</div>
  1043. <div style="color:#E8A87C; font-family:var(--font-head); font-weight:900; font-size:1.6rem; margin-top:4px;">~2亿</div>
  1044. <div style="color:var(--text-2); font-size:0.78rem; margin-top:8px; line-height:1.5;">猴菇米稀(7.5亿独大)/ 同名猴菇饮 / 养胃茶</div>
  1045. </div>
  1046. <div>
  1047. <div class="text-mono text-xs" style="color:var(--text-3); letter-spacing:0.12em; margin-bottom:6px;">用户心智</div>
  1048. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.65;">温和无压力但效果存疑、场景单一、同质化严重</div>
  1049. </div>
  1050. <div style="padding:12px 16px; background:#E8A87C08; border-left:3px solid #E8A87C30; border-radius:4px;">
  1051. <div class="text-mono text-xs" style="color:#E8A87C; letter-spacing:0.12em; margin-bottom:6px;">典型 VOC</div>
  1052. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.6; font-style:italic;">&quot;米稀当早餐挺好 但说实话不知道养胃有没有效 吃了个安慰&quot;</div>
  1053. </div>
  1054. </div>
  1055. </div>
  1056. <div style="padding:18px 22px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md);">
  1057. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.15em; margin-bottom:12px; font-weight:700;">100 亿 OTC 胃药市场 · 品类份额(亿元)</div>
  1058. <svg viewBox="0 0 900 184" style="width:100%; height:auto; max-height:260px;" preserveAspectRatio="xMidYMid meet">
  1059. <text x="150" y="35" text-anchor="end" font-size="13" font-weight="600" fill="var(--text-1, #333)">拉唑类 PPI</text>
  1060. <rect x="160" y="16" width="680" height="28" rx="4" fill="#0085CA" opacity="0.85"/>
  1061. <text x="848" y="35" font-size="13" font-weight="700" fill="#0085CA" font-family="monospace">70</text>
  1062. <text x="150" y="73" text-anchor="end" font-size="13" font-weight="600" fill="var(--text-1, #333)">中成药</text>
  1063. <rect x="160" y="54" width="213.71428571428572" height="28" rx="4" fill="#8B5CF6" opacity="0.85"/>
  1064. <text x="381.7142857142857" y="73" font-size="13" font-weight="700" fill="#8B5CF6" font-family="monospace">22</text>
  1065. <text x="150" y="111" text-anchor="end" font-size="13" font-weight="600" fill="var(--text-1, #333)">胃黏膜保护剂</text>
  1066. <rect x="160" y="92" width="58.285714285714285" height="28" rx="4" fill="#FF8C42" opacity="0.85"/>
  1067. <text x="226.28571428571428" y="111" font-size="13" font-weight="700" fill="#FF8C42" font-family="monospace">6</text>
  1068. <text x="150" y="149" text-anchor="end" font-size="13" font-weight="600" fill="var(--text-1, #333)">功能食品</text>
  1069. <rect x="160" y="130" width="19.428571428571427" height="28" rx="4" fill="#E8A87C" opacity="0.85"/>
  1070. <text x="187.42857142857142" y="149" font-size="13" font-weight="700" fill="#E8A87C" font-family="monospace">2</text>
  1071. </svg>
  1072. </div>
  1073. <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;">
  1074. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">MARKET STRUCTURE · 市场结构</div>
  1075. <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;">PPI 独占 <strong style="color:#0085CA;">70%</strong> 但用户焦虑严重;中成药 <strong style="color:#8B5CF6;">22%</strong> 但年轻代际断层;功能食品仅 <strong style="color:#E8A87C;">2%</strong> 但品类天花板是身份而非需求。</div>
  1076. <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;"><strong style="color:#2D9C5D;">猴菇饮 OTC 的机会</strong>不在与 PPI 抢治疗,而在于填补<strong>"PPI 用户想降级 + 中成药用户想升级体验 + 功能食品用户想升级信任"</strong>这三条线的交汇空白。</div>
  1077. </div>
  1078. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#0085CA08; border:1px solid #0085CA33; border-radius:var(--radius-md);">
  1079. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">竞争格局决策 · 4 条品类对标原则</div>
  1080. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  1081. <div style="display:flex; gap:10px; align-items:flex-start;">
  1082. <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>
  1083. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>不对标 PPI</strong>:不打"替代拉唑"——规避医疗宣称风险,对标的是"PPI 之外的日常维持"</div>
  1084. </div>
  1085. <div style="display:flex; gap:10px; align-items:flex-start;">
  1086. <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>
  1087. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>不对标中成药疗效</strong>:不打"比胃泰更有效"——对标的是"比胃泰更好喝更便捷"</div>
  1088. </div>
  1089. <div style="display:flex; gap:10px; align-items:flex-start;">
  1090. <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>
  1091. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>对标功能食品的升级版</strong>:从食品池(2 亿)跳进 OTC 池(100 亿)——身份升级即市场扩容</div>
  1092. </div>
  1093. <div style="display:flex; gap:10px; align-items:flex-start;">
  1094. <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>
  1095. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>定价锚定</strong>:日均 12-15 元,高于食品(1-3 元)、低于药品(3-8 元/日),占住中间带</div>
  1096. </div>
  1097. </div>
  1098. </div>
  1099. </div>
  1100. </section>
  1101. <section class="report-section" id="landscape-3" data-tone="blue" data-slide-num="06/42">
  1102. <div class="section-inner">
  1103. <div class="section-head rise-in">
  1104. <div class="section-eyebrow" style="color:#0085CA;">1.3 · 用户决策路径</div>
  1105. <h2 class="text-h1"><span class="headline-anim">从<span style="color:#FF6B6B;">胃不舒服</span>到<span style="color:#0085CA;">选什么产品</span> · 4 条真实路径</span></h2>
  1106. <p class="section-sub">胃病用户不是"看到就买"——他们有<strong>复杂的决策链路</strong>:从症状发生到信息搜索到产品选择再到复购/流失,每个节点都是猴菇饮的<strong>介入机会</strong>。</p>
  1107. </div>
  1108. <div style="margin-top:24px; display:flex; flex-direction:column; gap:18px;">
  1109. <div style="padding:20px 24px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #C62828; border-radius:var(--radius-md);">
  1110. <div style="display:flex; align-items:center; gap:12px; margin-bottom:14px;">
  1111. <span style="font-size:1.4rem;">🚨</span>
  1112. <div>
  1113. <div class="text-mono text-xs" style="color:#C62828; letter-spacing:0.18em; font-weight:700;">P1 · 决策路径</div>
  1114. <div style="color:var(--text-1); font-size:1.06rem; font-weight:700;">急性发作路径</div>
  1115. </div>
  1116. </div>
  1117. <div style="display:flex; align-items:center; gap:0; margin-bottom:14px; flex-wrap:wrap;">
  1118. <div style="padding:6px 14px; background:#C628280A; color:var(--text-1); border-radius:16px; font-size:0.82rem; font-weight:500; white-space:nowrap;">胃痛/烧心/反酸发作</div>
  1119. <div style="color:var(--text-3); font-size:0.9rem; margin:0 4px;">→</div>
  1120. <div style="padding:6px 14px; background:#C628280A; color:var(--text-1); border-radius:16px; font-size:0.82rem; font-weight:500; white-space:nowrap;">药店/急诊</div>
  1121. <div style="color:var(--text-3); font-size:0.9rem; margin:0 4px;">→</div>
  1122. <div style="padding:6px 14px; background:#C628280A; color:var(--text-1); border-radius:16px; font-size:0.82rem; font-weight:500; white-space:nowrap;">PPI(奥美拉唑)</div>
  1123. <div style="color:var(--text-3); font-size:0.9rem; margin:0 4px;">→</div>
  1124. <div style="padding:6px 14px; background:#C628280A; color:var(--text-1); border-radius:16px; font-size:0.82rem; font-weight:500; white-space:nowrap;">症状缓解</div>
  1125. <div style="color:var(--text-3); font-size:0.9rem; margin:0 4px;">→</div>
  1126. <div style="padding:6px 14px; background:#C6282818; color:#C62828; border-radius:16px; font-size:0.82rem; font-weight:700; white-space:nowrap;">反复发作 → 长期服药</div>
  1127. </div>
  1128. <div style="display:grid; grid-template-columns:1fr 1fr; gap:16px;">
  1129. <div style="padding:10px 14px; background:#FF6B6B08; border-left:3px solid #FF6B6B30; border-radius:4px;">
  1130. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.12em; margin-bottom:4px;">终点状态</div>
  1131. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.6;">被 PPI 锁定,想减量但不敢</div>
  1132. </div>
  1133. <div style="padding:10px 14px; background:#2D9C5D08; border-left:3px solid #2D9C5D30; border-radius:4px;">
  1134. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.12em; margin-bottom:4px;">猴菇饮介入机会</div>
  1135. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.6;">猴菇饮作为&quot;PPI 减量期的温和伴侣&quot;</div>
  1136. </div>
  1137. </div>
  1138. </div>
  1139. <div style="padding:20px 24px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #8B5CF6; border-radius:var(--radius-md);">
  1140. <div style="display:flex; align-items:center; gap:12px; margin-bottom:14px;">
  1141. <span style="font-size:1.4rem;">🔄</span>
  1142. <div>
  1143. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.18em; font-weight:700;">P2 · 决策路径</div>
  1144. <div style="color:var(--text-1); font-size:1.06rem; font-weight:700;">慢性管理路径</div>
  1145. </div>
  1146. </div>
  1147. <div style="display:flex; align-items:center; gap:0; margin-bottom:14px; flex-wrap:wrap;">
  1148. <div style="padding:6px 14px; background:#8B5CF60A; color:var(--text-1); border-radius:16px; font-size:0.82rem; font-weight:500; white-space:nowrap;">长期胃不适</div>
  1149. <div style="color:var(--text-3); font-size:0.9rem; margin:0 4px;">→</div>
  1150. <div style="padding:6px 14px; background:#8B5CF60A; color:var(--text-1); border-radius:16px; font-size:0.82rem; font-weight:500; white-space:nowrap;">医院检查 → 慢性胃炎</div>
  1151. <div style="color:var(--text-3); font-size:0.9rem; margin:0 4px;">→</div>
  1152. <div style="padding:6px 14px; background:#8B5CF60A; color:var(--text-1); border-radius:16px; font-size:0.82rem; font-weight:500; white-space:nowrap;">中成药(胃泰/摩罗丹)</div>
  1153. <div style="color:var(--text-3); font-size:0.9rem; margin:0 4px;">→</div>
  1154. <div style="padding:6px 14px; background:#8B5CF60A; color:var(--text-1); border-radius:16px; font-size:0.82rem; font-weight:500; white-space:nowrap;">口感差 → 停药</div>
  1155. <div style="color:var(--text-3); font-size:0.9rem; margin:0 4px;">→</div>
  1156. <div style="padding:6px 14px; background:#8B5CF618; color:#8B5CF6; border-radius:16px; font-size:0.82rem; font-weight:700; white-space:nowrap;">反复 → 换药</div>
  1157. </div>
  1158. <div style="display:grid; grid-template-columns:1fr 1fr; gap:16px;">
  1159. <div style="padding:10px 14px; background:#FF6B6B08; border-left:3px solid #FF6B6B30; border-radius:4px;">
  1160. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.12em; margin-bottom:4px;">终点状态</div>
  1161. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.6;">在中成药和西药间来回折返</div>
  1162. </div>
  1163. <div style="padding:10px 14px; background:#2D9C5D08; border-left:3px solid #2D9C5D30; border-radius:4px;">
  1164. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.12em; margin-bottom:4px;">猴菇饮介入机会</div>
  1165. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.6;">猴菇饮作为&quot;不苦不涩的日常替代&quot;</div>
  1166. </div>
  1167. </div>
  1168. </div>
  1169. <div style="padding:20px 24px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #E8A87C; border-radius:var(--radius-md);">
  1170. <div style="display:flex; align-items:center; gap:12px; margin-bottom:14px;">
  1171. <span style="font-size:1.4rem;">🌿</span>
  1172. <div>
  1173. <div class="text-mono text-xs" style="color:#E8A87C; letter-spacing:0.18em; font-weight:700;">P3 · 决策路径</div>
  1174. <div style="color:var(--text-1); font-size:1.06rem; font-weight:700;">自我养护路径</div>
  1175. </div>
  1176. </div>
  1177. <div style="display:flex; align-items:center; gap:0; margin-bottom:14px; flex-wrap:wrap;">
  1178. <div style="padding:6px 14px; background:#E8A87C0A; color:var(--text-1); border-radius:16px; font-size:0.82rem; font-weight:500; white-space:nowrap;">偶尔胃不舒服</div>
  1179. <div style="color:var(--text-3); font-size:0.9rem; margin:0 4px;">→</div>
  1180. <div style="padding:6px 14px; background:#E8A87C0A; color:var(--text-1); border-radius:16px; font-size:0.82rem; font-weight:500; white-space:nowrap;">搜索&quot;养胃食物&quot;</div>
  1181. <div style="color:var(--text-3); font-size:0.9rem; margin:0 4px;">→</div>
  1182. <div style="padding:6px 14px; background:#E8A87C0A; color:var(--text-1); border-radius:16px; font-size:0.82rem; font-weight:500; white-space:nowrap;">试米稀/养胃粥/姜茶</div>
  1183. <div style="color:var(--text-3); font-size:0.9rem; margin:0 4px;">→</div>
  1184. <div style="padding:6px 14px; background:#E8A87C0A; color:var(--text-1); border-radius:16px; font-size:0.82rem; font-weight:500; white-space:nowrap;">效果不确定</div>
  1185. <div style="color:var(--text-3); font-size:0.9rem; margin:0 4px;">→</div>
  1186. <div style="padding:6px 14px; background:#E8A87C18; color:#E8A87C; border-radius:16px; font-size:0.82rem; font-weight:700; white-space:nowrap;">放弃或继续&quot;信仰充值&quot;</div>
  1187. </div>
  1188. <div style="display:grid; grid-template-columns:1fr 1fr; gap:16px;">
  1189. <div style="padding:10px 14px; background:#FF6B6B08; border-left:3px solid #FF6B6B30; border-radius:4px;">
  1190. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.12em; margin-bottom:4px;">终点状态</div>
  1191. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.6;">有需求但无信任产品</div>
  1192. </div>
  1193. <div style="padding:10px 14px; background:#2D9C5D08; border-left:3px solid #2D9C5D30; border-radius:4px;">
  1194. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.12em; margin-bottom:4px;">猴菇饮介入机会</div>
  1195. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.6;">猴菇饮 OTC 身份 = 信任锚点</div>
  1196. </div>
  1197. </div>
  1198. </div>
  1199. <div style="padding:20px 24px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #87A96B; border-radius:var(--radius-md);">
  1200. <div style="display:flex; align-items:center; gap:12px; margin-bottom:14px;">
  1201. <span style="font-size:1.4rem;">😴</span>
  1202. <div>
  1203. <div class="text-mono text-xs" style="color:#87A96B; letter-spacing:0.18em; font-weight:700;">P4 · 决策路径</div>
  1204. <div style="color:var(--text-1); font-size:1.06rem; font-weight:700;">忽视型路径</div>
  1205. </div>
  1206. </div>
  1207. <div style="display:flex; align-items:center; gap:0; margin-bottom:14px; flex-wrap:wrap;">
  1208. <div style="padding:6px 14px; background:#87A96B0A; color:var(--text-1); border-radius:16px; font-size:0.82rem; font-weight:500; white-space:nowrap;">饮食不规律/压力大</div>
  1209. <div style="color:var(--text-3); font-size:0.9rem; margin:0 4px;">→</div>
  1210. <div style="padding:6px 14px; background:#87A96B0A; color:var(--text-1); border-radius:16px; font-size:0.82rem; font-weight:500; white-space:nowrap;">偶有不适但忽视</div>
  1211. <div style="color:var(--text-3); font-size:0.9rem; margin:0 4px;">→</div>
  1212. <div style="padding:6px 14px; background:#87A96B0A; color:var(--text-1); border-radius:16px; font-size:0.82rem; font-weight:500; white-space:nowrap;">无任何产品介入</div>
  1213. <div style="color:var(--text-3); font-size:0.9rem; margin:0 4px;">→</div>
  1214. <div style="padding:6px 14px; background:#87A96B18; color:#87A96B; border-radius:16px; font-size:0.82rem; font-weight:700; white-space:nowrap;">直到症状加重才就医</div>
  1215. </div>
  1216. <div style="display:grid; grid-template-columns:1fr 1fr; gap:16px;">
  1217. <div style="padding:10px 14px; background:#FF6B6B08; border-left:3px solid #FF6B6B30; border-radius:4px;">
  1218. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.12em; margin-bottom:4px;">终点状态</div>
  1219. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.6;">完全空白,等待被教育</div>
  1220. </div>
  1221. <div style="padding:10px 14px; background:#2D9C5D08; border-left:3px solid #2D9C5D30; border-radius:4px;">
  1222. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.12em; margin-bottom:4px;">猴菇饮介入机会</div>
  1223. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.6;">送礼/场景触发 → 首次试饮</div>
  1224. </div>
  1225. </div>
  1226. </div>
  1227. </div>
  1228. <div style="margin-top:24px;">
  1229. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">VOC 证据 · 用户决策路径中的真实声音</div>
  1230. <div style="display:grid; grid-template-columns:repeat(3, 1fr); gap:14px;">
  1231. <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #0085CA; border-radius:var(--radius-sm); padding:16px 18px; display:flex; flex-direction:column; gap:10px;">
  1232. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  1233. <div style="display:flex; align-items:center; gap:6px;">
  1234. <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>
  1235. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">差旅客_571</span>
  1236. <span style="color:var(--text-3); font-size:0.68rem;">· 河北</span>
  1237. </div>
  1238. <div style="display:flex; align-items:center; gap:6px;">
  1239. <span style="color:#FF8C42; font-size:0.7rem; font-weight:600;">◆ 矛盾</span>
  1240. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥656</span>
  1241. <span style="padding:1px 6px; background:#E8A87C18; color:#E8A87C; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;" title="知乎长回答高赞+胃病社群断药话题主题提炼">◈模式</span>
  1242. </div>
  1243. </div>
  1244. <div style="color:var(--text-1); font-size:0.92rem; line-height:1.62;">"PPI减量不是意志力问题 是方法问题 没有温和的过渡 谁都停不下来"</div>
  1245. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  1246. <span style="padding:2px 8px; background:#0085CA12; color:#0085CA; border-radius:3px; font-size:0.68rem; font-weight:600;">方法&gt;意志</span><span style="padding:2px 8px; background:#0085CA12; color:#0085CA; border-radius:3px; font-size:0.68rem; font-weight:600;">过渡关键</span>
  1247. </div>
  1248. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #0085CA; border-radius:var(--radius-sm); padding:16px 18px; display:flex; flex-direction:column; gap:10px;">
  1249. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  1250. <div style="display:flex; align-items:center; gap:6px;">
  1251. <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>
  1252. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">实习生_303</span>
  1253. <span style="color:var(--text-3); font-size:0.68rem;">· 河北</span>
  1254. </div>
  1255. <div style="display:flex; align-items:center; gap:6px;">
  1256. <span style="color:#FF8C42; font-size:0.7rem; font-weight:600;">◆ 矛盾</span>
  1257. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥557</span>
  1258. <span style="padding:1px 6px; background:#E8A87C18; color:#E8A87C; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;" title="知乎长回答高赞+胃病社群断药话题主题提炼">◈模式</span>
  1259. </div>
  1260. </div>
  1261. <div style="color:var(--text-1); font-size:0.92rem; line-height:1.62;">"停PPI后的反跳性胃酸分泌 让我从白天到半夜都难受 只能又吃回去"</div>
  1262. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  1263. <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>
  1264. </div>
  1265. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #0085CA; border-radius:var(--radius-sm); padding:16px 18px; display:flex; flex-direction:column; gap:10px;">
  1266. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  1267. <div style="display:flex; align-items:center; gap:6px;">
  1268. <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#00B36822; color:#00B368; font-size:0.62rem; font-weight:700;">丁</span>
  1269. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">养胃派_663</span>
  1270. <span style="color:var(--text-3); font-size:0.68rem;">· 山东</span>
  1271. </div>
  1272. <div style="display:flex; align-items:center; gap:6px;">
  1273. <span style="color:#FF8C42; font-size:0.7rem; font-weight:600;">◆ 矛盾</span>
  1274. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥560</span>
  1275. <span style="padding:1px 6px; background:#E8A87C18; color:#E8A87C; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;" title="知乎长回答高赞+胃病社群断药话题主题提炼">◈模式</span>
  1276. </div>
  1277. </div>
  1278. <div style="color:var(--text-1); font-size:0.92rem; line-height:1.62;">"长期PPI后人会变得更怕胃不舒服 一点异常就想吃药 这种心理需要重建"</div>
  1279. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  1280. <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>
  1281. </div>
  1282. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #0085CA; border-radius:var(--radius-sm); padding:16px 18px; display:flex; flex-direction:column; gap:10px;">
  1283. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  1284. <div style="display:flex; align-items:center; gap:6px;">
  1285. <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>
  1286. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">差旅客_160</span>
  1287. <span style="color:var(--text-3); font-size:0.68rem;">· 辽宁</span>
  1288. </div>
  1289. <div style="display:flex; align-items:center; gap:6px;">
  1290. <span style="color:#FF8C42; font-size:0.7rem; font-weight:600;">◆ 矛盾</span>
  1291. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥616</span>
  1292. <span style="padding:1px 6px; background:#E8A87C18; color:#E8A87C; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;" title="知乎长回答高赞+胃病社群断药话题主题提炼">◈模式</span>
  1293. </div>
  1294. </div>
  1295. <div style="color:var(--text-1); font-size:0.92rem; line-height:1.62;">"每次体检我都问医生我能停PPI吗 医生说再吃吧 然后一直拖"</div>
  1296. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  1297. <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>
  1298. </div>
  1299. </div>
  1300. </div>
  1301. </div>
  1302. <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;">
  1303. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">PATH INSIGHT · 路径洞察</div>
  1304. <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;">4 条路径的共同终点 = <strong style="color:#FF6B6B;">用户不满意但没有更好的选择</strong>。</div>
  1305. <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">P1 被 PPI 绑架想逃、P2 在中西药间折返、P3 信仰充值无信任锚、P4 完全空白。<strong style="color:#2D9C5D;">猴菇饮在每条路径上都有介入点</strong>——但<strong>优先级不同</strong>:P1(PPI 减量)和 P3(养护信任)是最高优先级切入口。</div>
  1306. </div>
  1307. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:var(--radius-md);">
  1308. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">路径策略 · 分路径介入 6 条动作</div>
  1309. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  1310. <div style="display:flex; gap:10px; align-items:flex-start;">
  1311. <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>
  1312. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>首发切入</strong>:P1(PPI 减量人群)+ P3(养护搜索人群)= 两条最短转化路径</div>
  1313. </div>
  1314. <div style="display:flex; gap:10px; align-items:flex-start;">
  1315. <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>
  1316. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>二期扩展</strong>:P2(中成药折返人群)——用"不苦不涩即饮"拦截中成药流失用户</div>
  1317. </div>
  1318. <div style="display:flex; gap:10px; align-items:flex-start;">
  1319. <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>
  1320. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>长期培育</strong>:P4(忽视型)——通过送礼/场景触发完成首次试饮教育</div>
  1321. </div>
  1322. <div style="display:flex; gap:10px; align-items:flex-start;">
  1323. <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>
  1324. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>渠道匹配</strong>:P1 → 胃消化科周边药店;P3 → 电商/小红书搜索拦截;P2 → 药店货架旁推荐</div>
  1325. </div>
  1326. <div style="display:flex; gap:10px; align-items:flex-start;">
  1327. <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>
  1328. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>话术匹配</strong>:P1 "减量期温和伴侣";P3 "有 OTC 身份的养胃饮";P2 "不苦不涩开盖即饮"</div>
  1329. </div>
  1330. <div style="display:flex; gap:10px; align-items:flex-start;">
  1331. <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>
  1332. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>KPI</strong>:上市 12 个月各路径用户"知晓率"P1>30% / P3>20% / P2>15%</div>
  1333. </div>
  1334. </div>
  1335. </div>
  1336. </div>
  1337. </section>
  1338. <section class="report-section" id="unmet" data-tone="rose" data-slide-num="07/42" style="justify-content:center;">
  1339. <div class="section-inner">
  1340. <div class="rise-in" style="text-align:center; margin-bottom:40px;">
  1341. <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;">02</div>
  1342. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.3em; margin-top:-2rem; font-weight:700;">CHAPTER 2 · UNMET NEEDS</div>
  1343. </div>
  1344. <div class="rise-in" style="text-align:center; margin-bottom:36px;">
  1345. <div style="font-size:3.2rem; margin-bottom:14px;">🔥</div>
  1346. <h2 class="text-poster" style="font-size:clamp(2.4rem, 5.2vw, 4.2rem); color:var(--text-1); letter-spacing:-0.025em;">未被满足的需求</h2>
  1347. <p style="color:#FF6B6B; font-family:var(--font-mono); font-size:0.92rem; letter-spacing:0.18em; margin-top:12px; font-weight:600;">UNMET NEEDS</p>
  1348. </div>
  1349. <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);">
  1350. <p style="color:var(--text-1); font-size:1.08rem; line-height:1.82;">每一层产品的用户都在痛苦。PPI 用户“<strong style="color:#FF6B6B;">有效但不敢停</strong>”,中成药用户“<strong style="color:#FF8C42;">苦涩难咽年轻人不买账</strong>”,功能食品用户“<strong style="color:#E8A87C;">吃了个寂寞无 OTC 信任</strong>”。把每层的 VOC 痛声铺开,提炼出 <strong style="color:#8B5CF6;">5 大跨层共性未满足需求</strong>。</p>
  1351. </div>
  1352. <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;">
  1353. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #FF6B6B22; border-radius:var(--radius-sm); text-align:center;">
  1354. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">2.1</div>
  1355. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">PPI层·依赖焦虑×反弹恐惧×副作用担忧</div>
  1356. </div>
  1357. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #FF6B6B22; border-radius:var(--radius-sm); text-align:center;">
  1358. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">2.2</div>
  1359. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">中成药层·口感抗性×起效慢×代际断层</div>
  1360. </div>
  1361. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #FF6B6B22; border-radius:var(--radius-sm); text-align:center;">
  1362. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">2.3</div>
  1363. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">功能食品层·身份尴尬×场景单一×无OTC信任</div>
  1364. </div>
  1365. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #FF6B6B22; border-radius:var(--radius-sm); text-align:center;">
  1366. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">2.4</div>
  1367. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">跨层汇总·5大共性未满足需求</div>
  1368. </div>
  1369. </div>
  1370. <div class="fade-up" style="margin-top:48px; text-align:center;">
  1371. <div class="text-mono text-xs" style="color:var(--text-3); letter-spacing:0.3em;">SCROLL DOWN · 4 个子章 · 理论 × 实证 × 机会</div>
  1372. </div>
  1373. </div>
  1374. </section>
  1375. <section class="report-section" id="unmet-1" data-tone="rose" data-slide-num="08/42">
  1376. <div class="section-inner">
  1377. <div class="section-head rise-in">
  1378. <div class="section-eyebrow" style="color:#FF6B6B;">2.1 · PPI 用户的痛声</div>
  1379. <h2 class="text-h1"><span class="headline-anim"><span style="color:#0085CA;">70 亿</span>拉唑市场 · 用户<span style="color:#FF6B6B;">有效但痛苦</span>的 6 大未满足需求</span></h2>
  1380. <p class="section-sub">PPI(质子泵抑制剂)是胃病用户的"第一选择"——但 VOC 揭示:<strong>有效≠满意</strong>,依赖焦虑和反弹恐惧正在驱动大量用户寻找替代方案。</p>
  1381. </div>
  1382. <div class="grid" style="grid-template-columns:1.2fr 1fr; gap:24px; margin-top:24px;">
  1383. <div>
  1384. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">VOC 证据 · PPI 用户真实痛声</div>
  1385. <div style="display:flex; flex-direction:column; gap:12px;">
  1386. <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;">
  1387. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  1388. <div style="display:flex; align-items:center; gap:6px;">
  1389. <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#00B36822; color:#00B368; font-size:0.62rem; font-weight:700;">丁</span>
  1390. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">二胎妈妈_545</span>
  1391. <span style="color:var(--text-3); font-size:0.68rem;">· 江苏</span>
  1392. </div>
  1393. <div style="display:flex; align-items:center; gap:6px;">
  1394. <span style="color:#FF8C42; font-size:0.7rem; font-weight:600;">◆ 矛盾</span>
  1395. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥488</span>
  1396. <span style="padding:1px 6px; background:#E8A87C18; color:#E8A87C; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;" title="知乎长回答+丁香医生问答+小红书吐槽帖共性主题">◈模式</span>
  1397. </div>
  1398. </div>
  1399. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"我是上班族 胃不舒服就吃一颗奥美拉唑 慢慢地变成每天吃 很焦虑"</div>
  1400. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  1401. <span style="padding:2px 8px; background:#FF6B6B12; color:#FF6B6B; border-radius:3px; font-size:0.68rem; font-weight:600;">随手吃→依赖</span><span style="padding:2px 8px; background:#FF6B6B12; color:#FF6B6B; border-radius:3px; font-size:0.68rem; font-weight:600;">焦虑反思</span>
  1402. </div>
  1403. </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;">
  1404. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  1405. <div style="display:flex; align-items:center; gap:6px;">
  1406. <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#00B36822; color:#00B368; font-size:0.62rem; font-weight:700;">丁</span>
  1407. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">二胎妈妈_103</span>
  1408. <span style="color:var(--text-3); font-size:0.68rem;">· 河南</span>
  1409. </div>
  1410. <div style="display:flex; align-items:center; gap:6px;">
  1411. <span style="color:#FF8C42; font-size:0.7rem; font-weight:600;">◆ 矛盾</span>
  1412. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥413</span>
  1413. <span style="padding:1px 6px; background:#E8A87C18; color:#E8A87C; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;" title="知乎长回答+丁香医生问答+小红书吐槽帖共性主题">◈模式</span>
  1414. </div>
  1415. </div>
  1416. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"雷贝拉唑起效快 第二天就不烧心了 但就是怕依赖"</div>
  1417. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  1418. <span style="padding:2px 8px; background:#FF6B6B12; color:#FF6B6B; border-radius:3px; font-size:0.68rem; font-weight:600;">起效快肯定</span><span style="padding:2px 8px; background:#FF6B6B12; color:#FF6B6B; border-radius:3px; font-size:0.68rem; font-weight:600;">依赖怕</span>
  1419. </div>
  1420. </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;">
  1421. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  1422. <div style="display:flex; align-items:center; gap:6px;">
  1423. <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#00B36822; color:#00B368; font-size:0.62rem; font-weight:700;">丁</span>
  1424. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">办公室牛马_460</span>
  1425. <span style="color:var(--text-3); font-size:0.68rem;">· 北京</span>
  1426. </div>
  1427. <div style="display:flex; align-items:center; gap:6px;">
  1428. <span style="color:#FF8C42; font-size:0.7rem; font-weight:600;">◆ 矛盾</span>
  1429. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥472</span>
  1430. <span style="padding:1px 6px; background:#E8A87C18; color:#E8A87C; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;" title="知乎长回答+丁香医生问答+小红书吐槽帖共性主题">◈模式</span>
  1431. </div>
  1432. </div>
  1433. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"看门诊时医生说 拉唑类是急救 你得找养的办法才行"</div>
  1434. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  1435. <span style="padding:2px 8px; background:#FF6B6B12; color:#FF6B6B; border-radius:3px; font-size:0.68rem; font-weight:600;">急救定位</span><span style="padding:2px 8px; background:#FF6B6B12; color:#FF6B6B; border-radius:3px; font-size:0.68rem; font-weight:600;">养胃需求</span>
  1436. </div>
  1437. </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;">
  1438. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  1439. <div style="display:flex; align-items:center; gap:6px;">
  1440. <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>
  1441. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">产品经理_794</span>
  1442. <span style="color:var(--text-3); font-size:0.68rem;">· 浙江</span>
  1443. </div>
  1444. <div style="display:flex; align-items:center; gap:6px;">
  1445. <span style="color:#FF8C42; font-size:0.7rem; font-weight:600;">◆ 矛盾</span>
  1446. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥439</span>
  1447. <span style="padding:1px 6px; background:#E8A87C18; color:#E8A87C; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;" title="知乎长回答+丁香医生问答+小红书吐槽帖共性主题">◈模式</span>
  1448. </div>
  1449. </div>
  1450. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"奥美拉唑空腹吃 饭后半小时胃会微微疼 这个细节很多人不知道"</div>
  1451. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  1452. <span style="padding:2px 8px; background:#FF6B6B12; color:#FF6B6B; border-radius:3px; font-size:0.68rem; font-weight:600;">服药时机</span><span style="padding:2px 8px; background:#FF6B6B12; color:#FF6B6B; border-radius:3px; font-size:0.68rem; font-weight:600;">细节敏感</span>
  1453. </div>
  1454. </div>
  1455. </div>
  1456. </div>
  1457. <div>
  1458. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">6 大未满足需求 · 按影响度排序</div>
  1459. <div style="display:flex; flex-direction:column; gap:10px;">
  1460. <div style="padding:12px 14px; background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #FF6B6B; border-radius:6px; display:flex; gap:12px; align-items:flex-start;">
  1461. <div style="flex-shrink:0; padding:2px 8px; background:#FF6B6B15; color:#FF6B6B; border-radius:10px; font-size:0.7rem; font-weight:700; font-family:var(--font-mono); letter-spacing:0.1em;">P1</div>
  1462. <div style="flex:1;">
  1463. <div style="color:var(--text-1); font-size:0.88rem; font-weight:700; margin-bottom:4px;">依赖焦虑</div>
  1464. <div style="color:var(--text-2); font-size:0.76rem; line-height:1.55; font-style:italic;">&quot;奥美拉唑吃了三年多了 不吃胃酸就翻上来 这到底是治病还是上瘾&quot;</div>
  1465. <div style="color:var(--text-3); font-size:0.68rem; margin-top:4px;">~2000万长期PPI用户</div>
  1466. </div>
  1467. <div style="flex-shrink:0; padding:3px 9px; background:#FF6B6B15; color:#FF6B6B; border-radius:10px; font-size:0.64rem; font-weight:700;">高影响</div>
  1468. </div>
  1469. <div style="padding:12px 14px; background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #FF6B6B; border-radius:6px; display:flex; gap:12px; align-items:flex-start;">
  1470. <div style="flex-shrink:0; padding:2px 8px; background:#FF6B6B15; color:#FF6B6B; border-radius:10px; font-size:0.7rem; font-weight:700; font-family:var(--font-mono); letter-spacing:0.1em;">P2</div>
  1471. <div style="flex:1;">
  1472. <div style="color:var(--text-1); font-size:0.88rem; font-weight:700; margin-bottom:4px;">反弹恐惧</div>
  1473. <div style="color:var(--text-2); font-size:0.76rem; line-height:1.55; font-style:italic;">&quot;停了拉唑之后胃酸比吃之前还猛 医生说是反弹正常 但我真的怕&quot;</div>
  1474. <div style="color:var(--text-3); font-size:0.68rem; margin-top:4px;">停药后 40-60% 经历反弹</div>
  1475. </div>
  1476. <div style="flex-shrink:0; padding:3px 9px; background:#FF6B6B15; color:#FF6B6B; border-radius:10px; font-size:0.64rem; font-weight:700;">高影响</div>
  1477. </div>
  1478. <div style="padding:12px 14px; background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #FF8C42; border-radius:6px; display:flex; gap:12px; align-items:flex-start;">
  1479. <div style="flex-shrink:0; padding:2px 8px; background:#FF8C4215; color:#FF8C42; border-radius:10px; font-size:0.7rem; font-weight:700; font-family:var(--font-mono); letter-spacing:0.1em;">P3</div>
  1480. <div style="flex:1;">
  1481. <div style="color:var(--text-1); font-size:0.88rem; font-weight:700; margin-bottom:4px;">长期副作用担忧</div>
  1482. <div style="color:var(--text-2); font-size:0.76rem; line-height:1.55; font-style:italic;">&quot;看到新闻说长期吃奥美拉唑增加胃癌风险 吓得我天天焦虑&quot;</div>
  1483. <div style="color:var(--text-3); font-size:0.68rem; margin-top:4px;">骨质疏松/肾损伤/B12缺乏</div>
  1484. </div>
  1485. <div style="flex-shrink:0; padding:3px 9px; background:#FF6B6B15; color:#FF6B6B; border-radius:10px; font-size:0.64rem; font-weight:700;">高影响</div>
  1486. </div>
  1487. <div style="padding:12px 14px; background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #E8A87C; border-radius:6px; display:flex; gap:12px; align-items:flex-start;">
  1488. <div style="flex-shrink:0; padding:2px 8px; background:#E8A87C15; color:#E8A87C; border-radius:10px; font-size:0.7rem; font-weight:700; font-family:var(--font-mono); letter-spacing:0.1em;">P4</div>
  1489. <div style="flex:1;">
  1490. <div style="color:var(--text-1); font-size:0.88rem; font-weight:700; margin-bottom:4px;">寻找食疗替代</div>
  1491. <div style="color:var(--text-2); font-size:0.76rem; line-height:1.55; font-style:italic;">&quot;想找一个能替代拉唑的天然养胃方案 但市面上全是智商税&quot;</div>
  1492. <div style="color:var(--text-3); font-size:0.68rem; margin-top:4px;">约 30% PPI 用户有替代意愿</div>
  1493. </div>
  1494. <div style="flex-shrink:0; padding:3px 9px; background:#FF8C4215; color:#FF8C42; border-radius:10px; font-size:0.64rem; font-weight:700;">中影响</div>
  1495. </div>
  1496. <div style="padding:12px 14px; background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #0085CA; border-radius:6px; display:flex; gap:12px; align-items:flex-start;">
  1497. <div style="flex-shrink:0; padding:2px 8px; background:#0085CA15; color:#0085CA; border-radius:10px; font-size:0.7rem; font-weight:700; font-family:var(--font-mono); letter-spacing:0.1em;">P5</div>
  1498. <div style="flex:1;">
  1499. <div style="color:var(--text-1); font-size:0.88rem; font-weight:700; margin-bottom:4px;">减量无方案</div>
  1500. <div style="color:var(--text-2); font-size:0.76rem; line-height:1.55; font-style:italic;">&quot;医生说可以慢慢减量 但怎么减没人告诉我 减到一半就反弹了&quot;</div>
  1501. <div style="color:var(--text-3); font-size:0.68rem; margin-top:4px;">PPI 减量成功率 &lt;30%</div>
  1502. </div>
  1503. <div style="flex-shrink:0; padding:3px 9px; background:#FF6B6B15; color:#FF6B6B; border-radius:10px; font-size:0.64rem; font-weight:700;">高影响</div>
  1504. </div>
  1505. <div style="padding:12px 14px; background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #FF4D8D; border-radius:6px; display:flex; gap:12px; align-items:flex-start;">
  1506. <div style="flex-shrink:0; padding:2px 8px; background:#FF4D8D15; color:#FF4D8D; border-radius:10px; font-size:0.7rem; font-weight:700; font-family:var(--font-mono); letter-spacing:0.1em;">P6</div>
  1507. <div style="flex:1;">
  1508. <div style="color:var(--text-1); font-size:0.88rem; font-weight:700; margin-bottom:4px;">心理负担</div>
  1509. <div style="color:var(--text-2); font-size:0.76rem; line-height:1.55; font-style:italic;">&quot;每天吃药的感觉很不好 好像自己是个病人 但不吃又不行&quot;</div>
  1510. <div style="color:var(--text-3); font-size:0.68rem; margin-top:4px;">慢性病化带来心理压力</div>
  1511. </div>
  1512. <div style="flex-shrink:0; padding:3px 9px; background:#FF8C4215; color:#FF8C42; border-radius:10px; font-size:0.64rem; font-weight:700;">中影响</div>
  1513. </div>
  1514. </div>
  1515. </div>
  1516. </div>
  1517. <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;">
  1518. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">CORE INSIGHT · PPI 层核心识别</div>
  1519. <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;">PPI 市场 70 亿的背后是<strong style="color:#FF6B6B;">2000 万被"绑架"的用户</strong>——他们不是不想停,是<strong>停不了 + 没有过渡方案</strong>。</div>
  1520. <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">"想停药但不敢停"是 PPI 层最大的未满足需求。如果有一个产品能<strong style="color:#2D9C5D;">在减量期提供温和的胃黏膜保护感</strong>,不宣称替代 PPI、只做"减量伴侣",就能切走这块<strong>巨大的焦虑驱动需求</strong>。</div>
  1521. </div>
  1522. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#FF6B6B08; border:1px solid #FF6B6B33; border-radius:var(--radius-md);">
  1523. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">PPI 层需求总结 · 4 条关键发现</div>
  1524. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  1525. <div style="display:flex; gap:10px; align-items:flex-start;">
  1526. <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>
  1527. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>核心未满足</strong>:PPI 减量期无过渡方案——用户需要"停药但不裸奔"的温和选择</div>
  1528. </div>
  1529. <div style="display:flex; gap:10px; align-items:flex-start;">
  1530. <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>
  1531. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>需求规模</strong>:2000 万长期 PPI 用户 × 30% 有替代意愿 = 600 万高价值目标</div>
  1532. </div>
  1533. <div style="display:flex; gap:10px; align-items:flex-start;">
  1534. <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>
  1535. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>需求强度</strong>:焦虑驱动(健康恐惧)> 普通购买意愿——转化率天然高</div>
  1536. </div>
  1537. <div style="display:flex; gap:10px; align-items:flex-start;">
  1538. <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>
  1539. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>猴菇饮适配度</strong>:温和 + 非药 + OTC 信任 = 完美匹配"减量伴侣"定位</div>
  1540. </div>
  1541. </div>
  1542. </div>
  1543. </div>
  1544. </section>
  1545. <section class="report-section" id="unmet-2" data-tone="rose" data-slide-num="09/42">
  1546. <div class="section-inner">
  1547. <div class="section-head rise-in">
  1548. <div class="section-eyebrow" style="color:#8B5CF6;">2.2 · 中成药用户的痛声</div>
  1549. <h2 class="text-h1"><span class="headline-anim"><span style="color:#8B5CF6;">22 亿</span>中成药胃泰市场 · <span style="color:#FF6B6B;">年轻人为什么不买账?</span></span></h2>
  1550. <p class="section-sub">三九胃泰、康复新液等中成药有<strong>稳定基本盘但增长乏力</strong>——VOC 揭示 6 大痛点,全部指向"体验代际跟不上用户升级"。</p>
  1551. </div>
  1552. <div class="grid" style="grid-template-columns:1.1fr 1fr; gap:24px; margin-top:24px;">
  1553. <div>
  1554. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">VOC 证据 · 中成药用户真实反馈</div>
  1555. <div style="display:flex; flex-direction:column; gap:12px;">
  1556. <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #8B5CF6; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  1557. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  1558. <div style="display:flex; align-items:center; gap:6px;">
  1559. <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#E1251B22; color:#E1251B; font-size:0.62rem; font-weight:700;">京</span>
  1560. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">温胃人_048</span>
  1561. <span style="color:var(--text-3); font-size:0.68rem;">· 辽宁</span>
  1562. </div>
  1563. <div style="display:flex; align-items:center; gap:6px;">
  1564. <span style="color:#FF8C42; font-size:0.7rem; font-weight:600;">◆ 矛盾</span>
  1565. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥153</span>
  1566. <span style="padding:1px 6px; background:#E8A87C18; color:#E8A87C; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;" title="电商评论+抖音评论区中老年胃病话题主流意见">◈模式</span>
  1567. </div>
  1568. </div>
  1569. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"老公帮我买了三九胃泰 颗粒苦 他说比咖啡苦两倍 逗死我了"</div>
  1570. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  1571. <span style="padding:2px 8px; background:#8B5CF612; color:#8B5CF6; border-radius:3px; font-size:0.68rem; font-weight:600;">苦度对比</span><span style="padding:2px 8px; background:#8B5CF612; color:#8B5CF6; border-radius:3px; font-size:0.68rem; font-weight:600;">口感直觉</span>
  1572. </div>
  1573. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #8B5CF6; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  1574. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  1575. <div style="display:flex; align-items:center; gap:6px;">
  1576. <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>
  1577. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">言语一声</span>
  1578. <span style="color:var(--text-3); font-size:0.68rem;">· —</span>
  1579. </div>
  1580. <div style="display:flex; align-items:center; gap:6px;">
  1581. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  1582. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥137</span>
  1583. <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>
  1584. </div>
  1585. </div>
  1586. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"本来隐隐作痛,喝了三九胃泰吐了,现在特别痛[流泪]"</div>
  1587. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #8B5CF6; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  1588. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  1589. <div style="display:flex; align-items:center; gap:6px;">
  1590. <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>
  1591. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">小尚</span>
  1592. <span style="color:var(--text-3); font-size:0.68rem;">· —</span>
  1593. </div>
  1594. <div style="display:flex; align-items:center; gap:6px;">
  1595. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  1596. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥2.8k</span>
  1597. <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>
  1598. </div>
  1599. </div>
  1600. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"你我本无缘全靠喝药,喝错喝成三九胃泰[抠鼻]"</div>
  1601. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #8B5CF6; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  1602. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  1603. <div style="display:flex; align-items:center; gap:6px;">
  1604. <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#0084FF22; color:#0084FF; font-size:0.62rem; font-weight:700;">知</span>
  1605. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">养胃派_892</span>
  1606. <span style="color:var(--text-3); font-size:0.68rem;">· 浙江</span>
  1607. </div>
  1608. <div style="display:flex; align-items:center; gap:6px;">
  1609. <span style="color:#FF8C42; font-size:0.7rem; font-weight:600;">◆ 矛盾</span>
  1610. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥122</span>
  1611. <span style="padding:1px 6px; background:#E8A87C18; color:#E8A87C; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;" title="消化科科普帖+胃溃疡用户社群讨论">◈模式</span>
  1612. </div>
  1613. </div>
  1614. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"口服康复新液对胃溃疡修复确实快 但那个味道 咬牙坚持才能喝"</div>
  1615. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  1616. <span style="padding:2px 8px; background:#8B5CF612; color:#8B5CF6; border-radius:3px; font-size:0.68rem; font-weight:600;">效果好</span><span style="padding:2px 8px; background:#8B5CF612; color:#8B5CF6; border-radius:3px; font-size:0.68rem; font-weight:600;">味道差</span>
  1617. </div>
  1618. </div>
  1619. </div>
  1620. </div>
  1621. <div>
  1622. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">6 大未满足需求 · 按影响度排序</div>
  1623. <div style="display:flex; flex-direction:column; gap:10px;">
  1624. <div style="padding:12px 14px; background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #FF6B6B; border-radius:6px; display:flex; gap:12px; align-items:flex-start;">
  1625. <div style="flex-shrink:0; padding:2px 8px; background:#FF6B6B15; color:#FF6B6B; border-radius:10px; font-size:0.7rem; font-weight:700; font-family:var(--font-mono); letter-spacing:0.1em;">T1</div>
  1626. <div style="flex:1;">
  1627. <div style="color:var(--text-1); font-size:0.88rem; font-weight:700; margin-bottom:4px;">口感抗性</div>
  1628. <div style="color:var(--text-2); font-size:0.76rem; line-height:1.55; font-style:italic;">&quot;三九胃泰颗粒冲出来苦涩 老人不爱喝 坚持两天就放弃&quot;</div>
  1629. </div>
  1630. <div style="flex-shrink:0; padding:3px 9px; background:#FF6B6B15; color:#FF6B6B; border-radius:10px; font-size:0.64rem; font-weight:700;">高影响</div>
  1631. </div>
  1632. <div style="padding:12px 14px; background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #FF8C42; border-radius:6px; display:flex; gap:12px; align-items:flex-start;">
  1633. <div style="flex-shrink:0; padding:2px 8px; background:#FF8C4215; color:#FF8C42; border-radius:10px; font-size:0.7rem; font-weight:700; font-family:var(--font-mono); letter-spacing:0.1em;">T2</div>
  1634. <div style="flex:1;">
  1635. <div style="color:var(--text-1); font-size:0.88rem; font-weight:700; margin-bottom:4px;">起效慢</div>
  1636. <div style="color:var(--text-2); font-size:0.76rem; line-height:1.55; font-style:italic;">&quot;三九胃泰对浅表性胃炎还行 但起效慢 急性期救不了命&quot;</div>
  1637. </div>
  1638. <div style="flex-shrink:0; padding:3px 9px; background:#FF8C4215; color:#FF8C42; border-radius:10px; font-size:0.64rem; font-weight:700;">中影响</div>
  1639. </div>
  1640. <div style="padding:12px 14px; background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #FF8C42; border-radius:6px; display:flex; gap:12px; align-items:flex-start;">
  1641. <div style="flex-shrink:0; padding:2px 8px; background:#FF8C4215; color:#FF8C42; border-radius:10px; font-size:0.7rem; font-weight:700; font-family:var(--font-mono); letter-spacing:0.1em;">T3</div>
  1642. <div style="flex:1;">
  1643. <div style="color:var(--text-1); font-size:0.88rem; font-weight:700; margin-bottom:4px;">冲泡繁琐</div>
  1644. <div style="color:var(--text-2); font-size:0.76rem; line-height:1.55; font-style:italic;">&quot;颗粒冲泡要开水搅匀麻烦 和直接吃片剂比 步骤多&quot;</div>
  1645. </div>
  1646. <div style="flex-shrink:0; padding:3px 9px; background:#FF8C4215; color:#FF8C42; border-radius:10px; font-size:0.64rem; font-weight:700;">中影响</div>
  1647. </div>
  1648. <div style="padding:12px 14px; background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #FF6B6B; border-radius:6px; display:flex; gap:12px; align-items:flex-start;">
  1649. <div style="flex-shrink:0; padding:2px 8px; background:#FF6B6B15; color:#FF6B6B; border-radius:10px; font-size:0.7rem; font-weight:700; font-family:var(--font-mono); letter-spacing:0.1em;">T4</div>
  1650. <div style="flex:1;">
  1651. <div style="color:var(--text-1); font-size:0.88rem; font-weight:700; margin-bottom:4px;">疗程执行难</div>
  1652. <div style="color:var(--text-2); font-size:0.76rem; line-height:1.55; font-style:italic;">&quot;疗程吃够才有用 但我经常忘记 三天打渔两天晒网&quot;</div>
  1653. </div>
  1654. <div style="flex-shrink:0; padding:3px 9px; background:#FF6B6B15; color:#FF6B6B; border-radius:10px; font-size:0.64rem; font-weight:700;">高影响</div>
  1655. </div>
  1656. <div style="padding:12px 14px; background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #FF6B6B; border-radius:6px; display:flex; gap:12px; align-items:flex-start;">
  1657. <div style="flex-shrink:0; padding:2px 8px; background:#FF6B6B15; color:#FF6B6B; border-radius:10px; font-size:0.7rem; font-weight:700; font-family:var(--font-mono); letter-spacing:0.1em;">T5</div>
  1658. <div style="flex:1;">
  1659. <div style="color:var(--text-1); font-size:0.88rem; font-weight:700; margin-bottom:4px;">原料心理抗拒</div>
  1660. <div style="color:var(--text-2); font-size:0.76rem; line-height:1.55; font-style:italic;">&quot;康复新液是蟑螂提取物 虽然医生说没事 心理上真的咽不下去&quot;</div>
  1661. </div>
  1662. <div style="flex-shrink:0; padding:3px 9px; background:#FF6B6B15; color:#FF6B6B; border-radius:10px; font-size:0.64rem; font-weight:700;">高影响</div>
  1663. </div>
  1664. <div style="padding:12px 14px; background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #FF4D8D; border-radius:6px; display:flex; gap:12px; align-items:flex-start;">
  1665. <div style="flex-shrink:0; padding:2px 8px; background:#FF4D8D15; color:#FF4D8D; border-radius:10px; font-size:0.7rem; font-weight:700; font-family:var(--font-mono); letter-spacing:0.1em;">T6</div>
  1666. <div style="flex:1;">
  1667. <div style="color:var(--text-1); font-size:0.88rem; font-weight:700; margin-bottom:4px;">代际断层</div>
  1668. <div style="color:var(--text-2); font-size:0.76rem; line-height:1.55; font-style:italic;">&quot;胃泰的核心人群是我爸那一代 我们这一代不会主动选中成药颗粒&quot;</div>
  1669. </div>
  1670. <div style="flex-shrink:0; padding:3px 9px; background:#FF6B6B15; color:#FF6B6B; border-radius:10px; font-size:0.64rem; font-weight:700;">高影响</div>
  1671. </div>
  1672. </div>
  1673. </div>
  1674. </div>
  1675. <div class="rise-in" style="padding:28px 32px; background:linear-gradient(135deg, #8B5CF612, #8B5CF604); border-left:4px solid #8B5CF6; border-radius:var(--radius-md); margin-bottom:32px;">
  1676. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">CORE INSIGHT · 中成药层核心识别</div>
  1677. <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;">中成药 22 亿市场的问题<strong style="color:#8B5CF6;">不是疗效</strong>——是<strong style="color:#FF6B6B;">"体验代差"</strong>:苦涩口感、冲泡繁琐、疗程执行、原料心理抗拒——<strong>年轻代际在用户体验维度彻底拒绝</strong>。</div>
  1678. <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">这为猴菇饮留下了<strong style="color:#2D9C5D;">"中药温和 + 现代体验"</strong>的空白带:<em>液体即饮(消除冲泡)× 温和口感(消除苦涩)× 日常饮用(消除疗程压力)× 食材原料(消除心理抗拒)</em>。</div>
  1679. </div>
  1680. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#8B5CF608; border:1px solid #8B5CF633; border-radius:var(--radius-md);">
  1681. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">中成药层需求总结 · 4 条关键发现</div>
  1682. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  1683. <div style="display:flex; gap:10px; align-items:flex-start;">
  1684. <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>
  1685. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>核心未满足</strong>:年轻用户需要"中药级温和 + 现代级体验"的产品——目前没有</div>
  1686. </div>
  1687. <div style="display:flex; gap:10px; align-items:flex-start;">
  1688. <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>
  1689. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>需求规模</strong>:22 亿中成药市场的流失用户 + 从未尝试中成药的年轻潜在用户</div>
  1690. </div>
  1691. <div style="display:flex; gap:10px; align-items:flex-start;">
  1692. <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>
  1693. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>体验四反</strong>:反口感(不苦不涩)+ 反冲泡(开盖即饮)+ 反疗程(日常一瓶)+ 反原料抗拒(食材级猴头菇)</div>
  1694. </div>
  1695. <div style="display:flex; gap:10px; align-items:flex-start;">
  1696. <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>
  1697. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>猴菇饮适配度</strong>:液体 + 温和口感 + 猴头菇食材 + OTC 信任 = 精准匹配代际升级需求</div>
  1698. </div>
  1699. </div>
  1700. </div>
  1701. </div>
  1702. </section>
  1703. <section class="report-section" id="unmet-3" data-tone="rose" data-slide-num="10/42">
  1704. <div class="section-inner">
  1705. <div class="section-head rise-in">
  1706. <div class="section-eyebrow" style="color:#E8A87C;">2.3 · 功能食品用户的痛声</div>
  1707. <h2 class="text-h1"><span class="headline-anim"><span style="color:#E8A87C;">2 亿</span>功能食品 · <span style="color:#FF6B6B;">为什么天花板这么低?</span></span></h2>
  1708. <p class="section-sub">米稀 7.5 亿证明了赛道可行,但整个功能食品品类天花板仅 2 亿——VOC 揭示根本问题是<strong>"身份 + 场景 + 差异化 + 信任"</strong>四重缺失。</p>
  1709. </div>
  1710. <div class="grid" style="grid-template-columns:repeat(4, 1fr); gap:14px; margin-top:24px;">
  1711. <div style="padding:18px 20px; background:#E8A87C06; border:1px solid #E8A87C30; border-left:4px solid #E8A87C; border-radius:var(--radius-md);">
  1712. <div class="text-mono text-xs" style="color:#E8A87C; letter-spacing:0.2em; margin-bottom:8px; font-weight:700;">F1</div>
  1713. <h3 style="color:var(--text-1); font-size:1.02rem; font-weight:700; margin:0 0 8px;">身份尴尬</h3>
  1714. <div style="color:var(--text-2); font-size:0.82rem; line-height:1.6; margin-bottom:10px;">食品身份 → 不能宣传功效 → 用户怀疑&quot;吃了个寂寞&quot;</div>
  1715. <div style="padding:8px 10px; background:var(--bg-1); border-radius:4px; color:var(--text-1); font-size:0.76rem; line-height:1.5; font-style:italic;">&quot;米稀说养胃但又不是药 到底有没有效啊 感觉在交智商税&quot;</div>
  1716. </div>
  1717. <div style="padding:18px 20px; background:#FF6B6B06; border:1px solid #FF6B6B30; border-left:4px solid #FF6B6B; border-radius:var(--radius-md);">
  1718. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.2em; margin-bottom:8px; font-weight:700;">F2</div>
  1719. <h3 style="color:var(--text-1); font-size:1.02rem; font-weight:700; margin:0 0 8px;">场景单一</h3>
  1720. <div style="color:var(--text-2); font-size:0.82rem; line-height:1.6; margin-bottom:10px;">米稀只在早餐场景,全天其他时段无法介入</div>
  1721. <div style="padding:8px 10px; background:var(--bg-1); border-radius:4px; color:var(--text-1); font-size:0.76rem; line-height:1.5; font-style:italic;">&quot;米稀当早餐可以 但中午晚上应酬后想来一杯养胃的 没有&quot;</div>
  1722. </div>
  1723. <div style="padding:18px 20px; background:#FF8C4206; border:1px solid #FF8C4230; border-left:4px solid #FF8C42; border-radius:var(--radius-md);">
  1724. <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.2em; margin-bottom:8px; font-weight:700;">F3</div>
  1725. <h3 style="color:var(--text-1); font-size:1.02rem; font-weight:700; margin:0 0 8px;">同质化严重</h3>
  1726. <div style="color:var(--text-2); font-size:0.82rem; line-height:1.6; margin-bottom:10px;">同名猴菇饮价格 10-30 元四处都是,没有差异化</div>
  1727. <div style="padding:8px 10px; background:var(--bg-1); border-radius:4px; color:var(--text-1); font-size:0.76rem; line-height:1.5; font-style:italic;">&quot;网上搜猴菇饮出来一堆 不知道哪个真哪个假 干脆不买了&quot;</div>
  1728. </div>
  1729. <div style="padding:18px 20px; background:#FF4D8D06; border:1px solid #FF4D8D30; border-left:4px solid #FF4D8D; border-radius:var(--radius-md);">
  1730. <div class="text-mono text-xs" style="color:#FF4D8D; letter-spacing:0.2em; margin-bottom:8px; font-weight:700;">F4</div>
  1731. <h3 style="color:var(--text-1); font-size:1.02rem; font-weight:700; margin:0 0 8px;">OTC 信任空白</h3>
  1732. <div style="color:var(--text-2); font-size:0.82rem; line-height:1.6; margin-bottom:10px;">市面 99% 为食品身份,没有 OTC 背书的猴菇饮</div>
  1733. <div style="padding:8px 10px; background:var(--bg-1); border-radius:4px; color:var(--text-1); font-size:0.76rem; line-height:1.5; font-style:italic;">&quot;如果有一个有药字号认证的养胃饮 我愿意多花钱买信任&quot;</div>
  1734. </div>
  1735. </div>
  1736. <div class="grid" style="grid-template-columns:1.2fr 1fr; gap:24px; margin-top:24px;">
  1737. <div>
  1738. <div class="text-mono text-xs" style="color:#E8A87C; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">VOC 证据 · 功能食品用户反馈</div>
  1739. <div style="display:flex; flex-direction:column; gap:12px;">
  1740. <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #E8A87C; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  1741. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  1742. <div style="display:flex; align-items:center; gap:6px;">
  1743. <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>
  1744. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">泥巴</span>
  1745. <span style="color:var(--text-3); font-size:0.68rem;">· —</span>
  1746. </div>
  1747. <div style="display:flex; align-items:center; gap:6px;">
  1748. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  1749. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥393</span>
  1750. <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>
  1751. </div>
  1752. </div>
  1753. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"我记得广告就是讲猴菇养胃吧[捂脸]"</div>
  1754. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #E8A87C; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  1755. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  1756. <div style="display:flex; align-items:center; gap:6px;">
  1757. <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#E1251B22; color:#E1251B; font-size:0.62rem; font-weight:700;">京</span>
  1758. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">江湖药师_958</span>
  1759. <span style="color:var(--text-3); font-size:0.68rem;">· 江苏</span>
  1760. </div>
  1761. <div style="display:flex; align-items:center; gap:6px;">
  1762. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  1763. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥146</span>
  1764. <span style="padding:1px 6px; background:#E8A87C18; color:#E8A87C; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;" title="电商评论区中性评价+小红书吐槽笔记">◈模式</span>
  1765. </div>
  1766. </div>
  1767. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"我最怕早上起不来还要冲一杯 不如睡多一分钟 就只好放弃"</div>
  1768. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  1769. <span style="padding:2px 8px; background:#E8A87C12; color:#E8A87C; border-radius:3px; font-size:0.68rem; font-weight:600;">早晨时间竞争</span><span style="padding:2px 8px; background:#E8A87C12; color:#E8A87C; border-radius:3px; font-size:0.68rem; font-weight:600;">冲泡成本高</span>
  1770. </div>
  1771. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #E8A87C; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  1772. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  1773. <div style="display:flex; align-items:center; gap:6px;">
  1774. <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#FF500022; color:#FF5000; font-size:0.62rem; font-weight:700;">淘</span>
  1775. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">应酬达人_453</span>
  1776. <span style="color:var(--text-3); font-size:0.68rem;">· 河北</span>
  1777. </div>
  1778. <div style="display:flex; align-items:center; gap:6px;">
  1779. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  1780. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥145</span>
  1781. <span style="padding:1px 6px; background:#E8A87C18; color:#E8A87C; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;" title="电商评论区中性评价+小红书吐槽笔记">◈模式</span>
  1782. </div>
  1783. </div>
  1784. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"家里老人装假牙 糊糊粘牙 还要额外漱口"</div>
  1785. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  1786. <span style="padding:2px 8px; background:#E8A87C12; color:#E8A87C; border-radius:3px; font-size:0.68rem; font-weight:600;">老人假牙</span><span style="padding:2px 8px; background:#E8A87C12; color:#E8A87C; border-radius:3px; font-size:0.68rem; font-weight:600;">质地问题</span>
  1787. </div>
  1788. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #E8A87C; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  1789. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  1790. <div style="display:flex; align-items:center; gap:6px;">
  1791. <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>
  1792. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">糖友_234</span>
  1793. <span style="color:var(--text-3); font-size:0.68rem;">· 湖北</span>
  1794. </div>
  1795. <div style="display:flex; align-items:center; gap:6px;">
  1796. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  1797. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥243</span>
  1798. <span style="padding:1px 6px; background:#E8A87C18; color:#E8A87C; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;" title="同品类产品电商评论+社交平台对比帖">◈模式</span>
  1799. </div>
  1800. </div>
  1801. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"价格从十几到三十几都有 价格带很宽 消费者迷惑"</div>
  1802. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  1803. <span style="padding:2px 8px; background:#E8A87C12; color:#E8A87C; border-radius:3px; font-size:0.68rem; font-weight:600;">价格分散</span><span style="padding:2px 8px; background:#E8A87C12; color:#E8A87C; border-radius:3px; font-size:0.68rem; font-weight:600;">决策迷惑</span>
  1804. </div>
  1805. </div>
  1806. </div>
  1807. </div>
  1808. <div>
  1809. <div style="padding:22px 24px; background:#FF6B6B08; border:1px solid #FF6B6B30; border-radius:var(--radius-md);">
  1810. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">米稀的 4 大局限 = 猴菇饮的设计输入</div>
  1811. <div style="display:flex; flex-direction:column; gap:12px;">
  1812. <div style="display:flex; align-items:center; gap:10px; padding:10px 14px; background:var(--bg-1); border-radius:6px;">
  1813. <span style="font-size:1.3rem;">☕</span>
  1814. <div style="color:var(--text-1); font-size:0.9rem; font-weight:600;">冲泡要求热水</div>
  1815. <div style="margin-left:auto; color:#2D9C5D; font-size:0.72rem; font-weight:700;">→ 饮可解决</div>
  1816. </div>
  1817. <div style="display:flex; align-items:center; gap:10px; padding:10px 14px; background:var(--bg-1); border-radius:6px;">
  1818. <span style="font-size:1.3rem;">🌅</span>
  1819. <div style="color:var(--text-1); font-size:0.9rem; font-weight:600;">早餐时段专属</div>
  1820. <div style="margin-left:auto; color:#2D9C5D; font-size:0.72rem; font-weight:700;">→ 饮可解决</div>
  1821. </div>
  1822. <div style="display:flex; align-items:center; gap:10px; padding:10px 14px; background:var(--bg-1); border-radius:6px;">
  1823. <span style="font-size:1.3rem;">🧳</span>
  1824. <div style="color:var(--text-1); font-size:0.9rem; font-weight:600;">差旅不便携带</div>
  1825. <div style="margin-left:auto; color:#2D9C5D; font-size:0.72rem; font-weight:700;">→ 饮可解决</div>
  1826. </div>
  1827. <div style="display:flex; align-items:center; gap:10px; padding:10px 14px; background:var(--bg-1); border-radius:6px;">
  1828. <span style="font-size:1.3rem;">🩸</span>
  1829. <div style="color:var(--text-1); font-size:0.9rem; font-weight:600;">糖友不宜(蔗糖)</div>
  1830. <div style="margin-left:auto; color:#2D9C5D; font-size:0.72rem; font-weight:700;">→ 饮可解决</div>
  1831. </div>
  1832. </div>
  1833. </div>
  1834. </div>
  1835. </div>
  1836. <div class="rise-in" style="padding:28px 32px; background:linear-gradient(135deg, #E8A87C12, #E8A87C04); border-left:4px solid #E8A87C; border-radius:var(--radius-md); margin-bottom:32px;">
  1837. <div class="text-mono text-xs" style="color:#E8A87C; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">CORE INSIGHT · 功能食品层核心识别</div>
  1838. <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;">功能食品的天花板不是需求不足,是<strong style="color:#FF6B6B;">"食品身份 + 场景限制 + 同质化 + 无信任锚"</strong>四重天花板。</div>
  1839. <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">米稀 7.5 亿已证明用户<strong>愿意为"养胃"付费</strong>。瓶颈不在需求端,在供给端——<strong style="color:#2D9C5D;">OTC 身份 + 全场景 + 差异化 + 品牌信任</strong>是突破天花板的 4 把钥匙。</div>
  1840. </div>
  1841. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#E8A87C08; border:1px solid #E8A87C33; border-radius:var(--radius-md);">
  1842. <div class="text-mono text-xs" style="color:#E8A87C; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">功能食品层需求总结 · 4 条关键发现</div>
  1843. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  1844. <div style="display:flex; gap:10px; align-items:flex-start;">
  1845. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#E8A87C; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">1</div>
  1846. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>核心未满足</strong>:用户想买"有信任背书的养胃饮"但市场上没有——全是食品身份</div>
  1847. </div>
  1848. <div style="display:flex; gap:10px; align-items:flex-start;">
  1849. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#E8A87C; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">2</div>
  1850. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>米稀启示</strong>:7.5 亿证明赛道可行 + 差评揭示场景/剂型/糖友 3 大局限 = 猴菇饮的设计说明书</div>
  1851. </div>
  1852. <div style="display:flex; gap:10px; align-items:flex-start;">
  1853. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#E8A87C; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">3</div>
  1854. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>OTC 是突破口</strong>:从 2 亿食品池跳进 100 亿 OTC 池——身份升级即市场扩容 50 倍</div>
  1855. </div>
  1856. <div style="display:flex; gap:10px; align-items:flex-start;">
  1857. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#E8A87C; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">4</div>
  1858. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>不做米稀 2.0</strong>:饮的价值是"米稀覆盖不到的场景 + 米稀拿不到的信任"</div>
  1859. </div>
  1860. </div>
  1861. </div>
  1862. </div>
  1863. </section>
  1864. <section class="report-section" id="unmet-4" data-tone="rose" data-slide-num="11/42">
  1865. <div class="section-inner">
  1866. <div class="section-head rise-in">
  1867. <div class="section-eyebrow" style="color:#FF6B6B;">2.4 · 跨层汇总</div>
  1868. <h2 class="text-h1"><span class="headline-anim">5 大<span style="color:#FF6B6B;">共性未满足需求</span> × 猴菇饮<span style="color:#2D9C5D;">适配度评估</span></span></h2>
  1869. <p class="section-sub">把 PPI / 中成药 / 功能食品三层的痛声交叉提炼——哪些是<strong>所有层用户共同的未满足需求</strong>?哪些需求猴菇饮 OTC 的产品特性可以匹配?</p>
  1870. </div>
  1871. <div style="margin-top:24px; display:flex; flex-direction:column; gap:16px;">
  1872. <div style="padding:20px 24px; background:var(--bg-1); border:1px solid var(--border); border-left:5px solid #2D9C5D; border-radius:var(--radius-md);">
  1873. <div style="display:flex; align-items:center; justify-content:space-between; margin-bottom:12px;">
  1874. <div style="display:flex; align-items:center; gap:12px;">
  1875. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.18em; font-weight:700;">U1</div>
  1876. <div style="color:var(--text-1); font-size:1.08rem; font-weight:800;">日常维持方案缺失</div>
  1877. </div>
  1878. <div style="display:flex; align-items:center; gap:8px;">
  1879. <span style="color:var(--text-3); font-size:0.72rem;">猴菇饮适配度</span>
  1880. <div style="width:80px; height:8px; background:var(--border); border-radius:4px; overflow:hidden;">
  1881. <div style="width:95%; height:100%; background:#2D9C5D; border-radius:4px;"></div>
  1882. </div>
  1883. <span style="color:#2D9C5D; font-family:var(--font-mono); font-weight:700; font-size:0.82rem;">95%</span>
  1884. </div>
  1885. </div>
  1886. <div style="color:var(--text-2); font-size:0.9rem; line-height:1.6; margin-bottom:14px;">不论哪一层,用户都缺少一个&quot;不是药但可以天天用&quot;的日常维持方案</div>
  1887. <div style="display:grid; grid-template-columns:repeat(3, 1fr); gap:10px;">
  1888. <div style="padding:8px 12px; background:#0085CA08; border-radius:4px;">
  1889. <div class="text-mono" style="font-size:0.62rem; color:#0085CA; letter-spacing:0.1em; margin-bottom:3px;">PPI 层</div>
  1890. <div style="color:var(--text-2); font-size:0.78rem; line-height:1.5;">PPI 用户:减量期无过渡</div>
  1891. </div>
  1892. <div style="padding:8px 12px; background:#8B5CF608; border-radius:4px;">
  1893. <div class="text-mono" style="font-size:0.62rem; color:#8B5CF6; letter-spacing:0.1em; margin-bottom:3px;">中成药层</div>
  1894. <div style="color:var(--text-2); font-size:0.78rem; line-height:1.5;">中成药用户:疗程断续无连续</div>
  1895. </div>
  1896. <div style="padding:8px 12px; background:#E8A87C08; border-radius:4px;">
  1897. <div class="text-mono" style="font-size:0.62rem; color:#E8A87C; letter-spacing:0.1em; margin-bottom:3px;">功能食品层</div>
  1898. <div style="color:var(--text-2); font-size:0.78rem; line-height:1.5;">功能食品:效果不确定不敢持续</div>
  1899. </div>
  1900. </div>
  1901. </div>
  1902. <div style="padding:20px 24px; background:var(--bg-1); border:1px solid var(--border); border-left:5px solid #FF8C42; border-radius:var(--radius-md);">
  1903. <div style="display:flex; align-items:center; justify-content:space-between; margin-bottom:12px;">
  1904. <div style="display:flex; align-items:center; gap:12px;">
  1905. <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.18em; font-weight:700;">U2</div>
  1906. <div style="color:var(--text-1); font-size:1.08rem; font-weight:800;">体验友好度不足</div>
  1907. </div>
  1908. <div style="display:flex; align-items:center; gap:8px;">
  1909. <span style="color:var(--text-3); font-size:0.72rem;">猴菇饮适配度</span>
  1910. <div style="width:80px; height:8px; background:var(--border); border-radius:4px; overflow:hidden;">
  1911. <div style="width:90%; height:100%; background:#2D9C5D; border-radius:4px;"></div>
  1912. </div>
  1913. <span style="color:#2D9C5D; font-family:var(--font-mono); font-weight:700; font-size:0.82rem;">90%</span>
  1914. </div>
  1915. </div>
  1916. <div style="color:var(--text-2); font-size:0.9rem; line-height:1.6; margin-bottom:14px;">现有产品要么苦涩(中成药)、要么需冲泡(米稀)、要么需处方(PPI)</div>
  1917. <div style="display:grid; grid-template-columns:repeat(3, 1fr); gap:10px;">
  1918. <div style="padding:8px 12px; background:#0085CA08; border-radius:4px;">
  1919. <div class="text-mono" style="font-size:0.62rem; color:#0085CA; letter-spacing:0.1em; margin-bottom:3px;">PPI 层</div>
  1920. <div style="color:var(--text-2); font-size:0.78rem; line-height:1.5;">PPI:需吞药片+空腹</div>
  1921. </div>
  1922. <div style="padding:8px 12px; background:#8B5CF608; border-radius:4px;">
  1923. <div class="text-mono" style="font-size:0.62rem; color:#8B5CF6; letter-spacing:0.1em; margin-bottom:3px;">中成药层</div>
  1924. <div style="color:var(--text-2); font-size:0.78rem; line-height:1.5;">中成药:苦涩+冲泡</div>
  1925. </div>
  1926. <div style="padding:8px 12px; background:#E8A87C08; border-radius:4px;">
  1927. <div class="text-mono" style="font-size:0.62rem; color:#E8A87C; letter-spacing:0.1em; margin-bottom:3px;">功能食品层</div>
  1928. <div style="color:var(--text-2); font-size:0.78rem; line-height:1.5;">米稀:冲泡+热水+早餐限制</div>
  1929. </div>
  1930. </div>
  1931. </div>
  1932. <div style="padding:20px 24px; background:var(--bg-1); border:1px solid var(--border); border-left:5px solid #0085CA; border-radius:var(--radius-md);">
  1933. <div style="display:flex; align-items:center; justify-content:space-between; margin-bottom:12px;">
  1934. <div style="display:flex; align-items:center; gap:12px;">
  1935. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.18em; font-weight:700;">U3</div>
  1936. <div style="color:var(--text-1); font-size:1.08rem; font-weight:800;">信任锚点模糊</div>
  1937. </div>
  1938. <div style="display:flex; align-items:center; gap:8px;">
  1939. <span style="color:var(--text-3); font-size:0.72rem;">猴菇饮适配度</span>
  1940. <div style="width:80px; height:8px; background:var(--border); border-radius:4px; overflow:hidden;">
  1941. <div style="width:85%; height:100%; background:#2D9C5D; border-radius:4px;"></div>
  1942. </div>
  1943. <span style="color:#2D9C5D; font-family:var(--font-mono); font-weight:700; font-size:0.82rem;">85%</span>
  1944. </div>
  1945. </div>
  1946. <div style="color:var(--text-2); font-size:0.9rem; line-height:1.6; margin-bottom:14px;">药品有效但焦虑副作用,食品温和但怀疑效果——两头不靠</div>
  1947. <div style="display:grid; grid-template-columns:repeat(3, 1fr); gap:10px;">
  1948. <div style="padding:8px 12px; background:#0085CA08; border-radius:4px;">
  1949. <div class="text-mono" style="font-size:0.62rem; color:#0085CA; letter-spacing:0.1em; margin-bottom:3px;">PPI 层</div>
  1950. <div style="color:var(--text-2); font-size:0.78rem; line-height:1.5;">PPI:有效但不信任安全性</div>
  1951. </div>
  1952. <div style="padding:8px 12px; background:#8B5CF608; border-radius:4px;">
  1953. <div class="text-mono" style="font-size:0.62rem; color:#8B5CF6; letter-spacing:0.1em; margin-bottom:3px;">中成药层</div>
  1954. <div style="color:var(--text-2); font-size:0.78rem; line-height:1.5;">中成药:信任传统但怀疑疗效</div>
  1955. </div>
  1956. <div style="padding:8px 12px; background:#E8A87C08; border-radius:4px;">
  1957. <div class="text-mono" style="font-size:0.62rem; color:#E8A87C; letter-spacing:0.1em; margin-bottom:3px;">功能食品层</div>
  1958. <div style="color:var(--text-2); font-size:0.78rem; line-height:1.5;">食品:完全缺乏信任锚</div>
  1959. </div>
  1960. </div>
  1961. </div>
  1962. <div style="padding:20px 24px; background:var(--bg-1); border:1px solid var(--border); border-left:5px solid #8B5CF6; border-radius:var(--radius-md);">
  1963. <div style="display:flex; align-items:center; justify-content:space-between; margin-bottom:12px;">
  1964. <div style="display:flex; align-items:center; gap:12px;">
  1965. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.18em; font-weight:700;">U4</div>
  1966. <div style="color:var(--text-1); font-size:1.08rem; font-weight:800;">场景覆盖碎片化</div>
  1967. </div>
  1968. <div style="display:flex; align-items:center; gap:8px;">
  1969. <span style="color:var(--text-3); font-size:0.72rem;">猴菇饮适配度</span>
  1970. <div style="width:80px; height:8px; background:var(--border); border-radius:4px; overflow:hidden;">
  1971. <div style="width:88%; height:100%; background:#2D9C5D; border-radius:4px;"></div>
  1972. </div>
  1973. <span style="color:#2D9C5D; font-family:var(--font-mono); font-weight:700; font-size:0.82rem;">88%</span>
  1974. </div>
  1975. </div>
  1976. <div style="color:var(--text-2); font-size:0.9rem; line-height:1.6; margin-bottom:14px;">没有一个产品能覆盖&quot;全天候养胃&quot;——早餐归米稀,其他时段空白</div>
  1977. <div style="display:grid; grid-template-columns:repeat(3, 1fr); gap:10px;">
  1978. <div style="padding:8px 12px; background:#0085CA08; border-radius:4px;">
  1979. <div class="text-mono" style="font-size:0.62rem; color:#0085CA; letter-spacing:0.1em; margin-bottom:3px;">PPI 层</div>
  1980. <div style="color:var(--text-2); font-size:0.78rem; line-height:1.5;">PPI:定时吃药场景固定</div>
  1981. </div>
  1982. <div style="padding:8px 12px; background:#8B5CF608; border-radius:4px;">
  1983. <div class="text-mono" style="font-size:0.62rem; color:#8B5CF6; letter-spacing:0.1em; margin-bottom:3px;">中成药层</div>
  1984. <div style="color:var(--text-2); font-size:0.78rem; line-height:1.5;">中成药:家里冲泡场景限制</div>
  1985. </div>
  1986. <div style="padding:8px 12px; background:#E8A87C08; border-radius:4px;">
  1987. <div class="text-mono" style="font-size:0.62rem; color:#E8A87C; letter-spacing:0.1em; margin-bottom:3px;">功能食品层</div>
  1988. <div style="color:var(--text-2); font-size:0.78rem; line-height:1.5;">米稀:仅早餐场景</div>
  1989. </div>
  1990. </div>
  1991. </div>
  1992. <div style="padding:20px 24px; background:var(--bg-1); border:1px solid var(--border); border-left:5px solid #FF4D8D; border-radius:var(--radius-md);">
  1993. <div style="display:flex; align-items:center; justify-content:space-between; margin-bottom:12px;">
  1994. <div style="display:flex; align-items:center; gap:12px;">
  1995. <div class="text-mono text-xs" style="color:#FF4D8D; letter-spacing:0.18em; font-weight:700;">U5</div>
  1996. <div style="color:var(--text-1); font-size:1.08rem; font-weight:800;">心理负担重</div>
  1997. </div>
  1998. <div style="display:flex; align-items:center; gap:8px;">
  1999. <span style="color:var(--text-3); font-size:0.72rem;">猴菇饮适配度</span>
  2000. <div style="width:80px; height:8px; background:var(--border); border-radius:4px; overflow:hidden;">
  2001. <div style="width:80%; height:100%; background:#2D9C5D; border-radius:4px;"></div>
  2002. </div>
  2003. <span style="color:#2D9C5D; font-family:var(--font-mono); font-weight:700; font-size:0.82rem;">80%</span>
  2004. </div>
  2005. </div>
  2006. <div style="color:var(--text-2); font-size:0.9rem; line-height:1.6; margin-bottom:14px;">&quot;吃药=我是病人&quot;的心理负担,让轻中度用户抗拒就医和用药</div>
  2007. <div style="display:grid; grid-template-columns:repeat(3, 1fr); gap:10px;">
  2008. <div style="padding:8px 12px; background:#0085CA08; border-radius:4px;">
  2009. <div class="text-mono" style="font-size:0.62rem; color:#0085CA; letter-spacing:0.1em; margin-bottom:3px;">PPI 层</div>
  2010. <div style="color:var(--text-2); font-size:0.78rem; line-height:1.5;">PPI:慢性病人标签</div>
  2011. </div>
  2012. <div style="padding:8px 12px; background:#8B5CF608; border-radius:4px;">
  2013. <div class="text-mono" style="font-size:0.62rem; color:#8B5CF6; letter-spacing:0.1em; margin-bottom:3px;">中成药层</div>
  2014. <div style="color:var(--text-2); font-size:0.78rem; line-height:1.5;">中成药:传统老人药标签</div>
  2015. </div>
  2016. <div style="padding:8px 12px; background:#E8A87C08; border-radius:4px;">
  2017. <div class="text-mono" style="font-size:0.62rem; color:#E8A87C; letter-spacing:0.1em; margin-bottom:3px;">功能食品层</div>
  2018. <div style="color:var(--text-2); font-size:0.78rem; line-height:1.5;">食品:无心理负担但也无信任</div>
  2019. </div>
  2020. </div>
  2021. </div>
  2022. </div>
  2023. <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;">
  2024. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">UNMET NEEDS MAP · 需求地图总结</div>
  2025. <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;">5 大共性需求中,<strong style="color:#2D9C5D;">U1(日常维持方案)适配度 95%</strong> 是猴菇饮最应该首先回答的——"不是药但可以天天用"精准描述了 OTC 养胃饮的定位。</div>
  2026. <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">5 条需求的猴菇饮适配度均 >80%,说明<strong>这个产品不是在找需求,是需求在等产品</strong>。下一章将逐一对位:哪些需求猴菇饮能直接接住,如何接,以什么优先级。</div>
  2027. </div>
  2028. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:var(--radius-md);">
  2029. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">需求优先级 · 5 条排序</div>
  2030. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  2031. <div style="display:flex; gap:10px; align-items:flex-start;">
  2032. <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>
  2033. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>最高优先级</strong>:U1 日常维持方案 + U2 体验友好度——这两条决定产品的"基本盘"</div>
  2034. </div>
  2035. <div style="display:flex; gap:10px; align-items:flex-start;">
  2036. <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>
  2037. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>差异化优先级</strong>:U3 信任锚点——OTC 身份是猴菇饮 vs 所有竞品的核心壁垒</div>
  2038. </div>
  2039. <div style="display:flex; gap:10px; align-items:flex-start;">
  2040. <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>
  2041. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>场景优先级</strong>:U4 场景覆盖——液体即饮天然覆盖全场景,但需要明确"米稀以外"的定位</div>
  2042. </div>
  2043. <div style="display:flex; gap:10px; align-items:flex-start;">
  2044. <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>
  2045. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>长期价值</strong>:U5 心理负担——"不是药的养胃方案"降低用户心理门槛,有利于长期复购</div>
  2046. </div>
  2047. <div style="display:flex; gap:10px; align-items:flex-start;">
  2048. <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>
  2049. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>下一章预告</strong>:Ch3 将把这 5 条需求 × 猴菇饮产品特性一一对位,输出 3 大机会区域</div>
  2050. </div>
  2051. </div>
  2052. </div>
  2053. </div>
  2054. </section>
  2055. <section class="report-section" id="fit" data-tone="green" data-slide-num="12/42" style="justify-content:center;">
  2056. <div class="section-inner">
  2057. <div class="rise-in" style="text-align:center; margin-bottom:40px;">
  2058. <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;">03</div>
  2059. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.3em; margin-top:-2rem; font-weight:700;">CHAPTER 3 · OUR OPPORTUNITY</div>
  2060. </div>
  2061. <div class="rise-in" style="text-align:center; margin-bottom:36px;">
  2062. <div style="font-size:3.2rem; margin-bottom:14px;">🎯</div>
  2063. <h2 class="text-poster" style="font-size:clamp(2.4rem, 5.2vw, 4.2rem); color:var(--text-1); letter-spacing:-0.025em;">猴菇饮的机会</h2>
  2064. <p style="color:#2D9C5D; font-family:var(--font-mono); font-size:0.92rem; letter-spacing:0.18em; margin-top:12px; font-weight:600;">OUR OPPORTUNITY</p>
  2065. </div>
  2066. <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);">
  2067. <p style="color:var(--text-1); font-size:1.08rem; line-height:1.82;">把未满足需求与猴菇饮 OTC 的产品特性一一对位:<strong style="color:#2D9C5D;">PPI 减量伴侣</strong>(接住“想停药但不敢停”)、<strong style="color:#8B5CF6;">中成药新代际替代</strong>(消灭口感/冲泡/疗程压力)、<strong style="color:#E8A87C;">OTC 信任升级</strong>(从食品跳进药品池)。在“疗效强度 × 使用门槛”四象限里找到<strong style="color:#2D9C5D;">无人地带坐标</strong>。</p>
  2068. </div>
  2069. <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;">
  2070. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #2D9C5D22; border-radius:var(--radius-sm); text-align:center;">
  2071. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">3.1</div>
  2072. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">机会①·PPI减量的温和伴侣</div>
  2073. </div>
  2074. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #2D9C5D22; border-radius:var(--radius-sm); text-align:center;">
  2075. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">3.2</div>
  2076. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">机会②·中成药新代际替代</div>
  2077. </div>
  2078. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #2D9C5D22; border-radius:var(--radius-sm); text-align:center;">
  2079. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">3.3</div>
  2080. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">机会③·功能食品OTC信任升级×米稀借力</div>
  2081. </div>
  2082. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #2D9C5D22; border-radius:var(--radius-sm); text-align:center;">
  2083. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">3.4</div>
  2084. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">战略坐标·无人地带×机会规模总览</div>
  2085. </div>
  2086. </div>
  2087. <div class="fade-up" style="margin-top:48px; text-align:center;">
  2088. <div class="text-mono text-xs" style="color:var(--text-3); letter-spacing:0.3em;">SCROLL DOWN · 4 个子章 · 理论 × 实证 × 机会</div>
  2089. </div>
  2090. </div>
  2091. </section>
  2092. <section class="report-section" id="fit-1" data-tone="green" data-slide-num="13/42">
  2093. <div class="section-inner">
  2094. <div class="section-head rise-in">
  2095. <div class="section-eyebrow" style="color:#2D9C5D;">3.1 · 机会①</div>
  2096. <h2 class="text-h1"><span class="headline-anim">PPI 减量的<span style="color:#2D9C5D;">温和伴侣</span> · 接住"想停药但不敢停"</span></h2>
  2097. <p class="section-sub">Ch2 揭示 PPI 层最大的未满足需求 = "减量期无过渡方案"。猴菇饮 OTC 如何精准接住这个需求?</p>
  2098. </div>
  2099. <div class="grid" style="grid-template-columns:1fr 1fr; gap:24px; margin-top:24px;">
  2100. <div style="padding:26px 28px; background:#FF6B6B08; border:1px solid #FF6B6B30; border-radius:var(--radius-md);">
  2101. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">用户痛点 · Ch2 识别</div>
  2102. <div style="display:flex; flex-direction:column; gap:12px;">
  2103. <div style="color:var(--text-1); font-size:0.92rem; line-height:1.7;">
  2104. <strong style="color:#FF6B6B;">2000 万</strong>长期 PPI 用户中,约 <strong>30%</strong> 有明确的减量/替代意愿。<br/>
  2105. 他们的核心焦虑:<br/>
  2106. <strong>① 停药反弹</strong>(40-60% 经历)<br/>
  2107. <strong>② 长期副作用</strong>(骨质疏松/B12缺乏)<br/>
  2108. <strong>③ 无过渡方案</strong>(医生说减量但没给替代)
  2109. </div>
  2110. </div>
  2111. </div>
  2112. <div style="padding:26px 28px; background:#2D9C5D08; border:1px solid #2D9C5D30; border-radius:var(--radius-md);">
  2113. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">猴菇饮如何接住</div>
  2114. <div style="display:flex; flex-direction:column; gap:12px;">
  2115. <div style="color:var(--text-1); font-size:0.92rem; line-height:1.7;">
  2116. <strong style="color:#2D9C5D;">定位</strong>:不是"替代拉唑",是<strong>"减量期间的温和伴侣"</strong><br/>
  2117. <strong style="color:#2D9C5D;">话术</strong>:规避医疗宣称,只做"PPI 减量日记的伴随饮"<br/>
  2118. <strong style="color:#2D9C5D;">机制</strong>:猴头菇多糖的黏膜保护 + OTC 身份的安全感<br/>
  2119. <strong style="color:#2D9C5D;">场景</strong>:PPI 减半时同步服用,心理安慰 + 物理保护
  2120. </div>
  2121. </div>
  2122. </div>
  2123. </div>
  2124. <div style="margin-top:24px;">
  2125. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">VOC 证据 · PPI 用户寻找替代方案的真实声音</div>
  2126. <div style="display:grid; grid-template-columns:repeat(3, 1fr); gap:14px;">
  2127. <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #2D9C5D; border-radius:var(--radius-sm); padding:16px 18px; display:flex; flex-direction:column; gap:10px;">
  2128. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  2129. <div style="display:flex; align-items:center; gap:6px;">
  2130. <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>
  2131. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">实习生_303</span>
  2132. <span style="color:var(--text-3); font-size:0.68rem;">· 河北</span>
  2133. </div>
  2134. <div style="display:flex; align-items:center; gap:6px;">
  2135. <span style="color:#FF8C42; font-size:0.7rem; font-weight:600;">◆ 矛盾</span>
  2136. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥557</span>
  2137. <span style="padding:1px 6px; background:#E8A87C18; color:#E8A87C; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;" title="知乎长回答高赞+胃病社群断药话题主题提炼">◈模式</span>
  2138. </div>
  2139. </div>
  2140. <div style="color:var(--text-1); font-size:0.92rem; line-height:1.62;">"停PPI后的反跳性胃酸分泌 让我从白天到半夜都难受 只能又吃回去"</div>
  2141. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  2142. <span style="padding:2px 8px; background:#2D9C5D12; color:#2D9C5D; border-radius:3px; font-size:0.68rem; font-weight:600;">反跳胃酸</span><span style="padding:2px 8px; background:#2D9C5D12; color:#2D9C5D; border-radius:3px; font-size:0.68rem; font-weight:600;">反复依赖</span>
  2143. </div>
  2144. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #2D9C5D; border-radius:var(--radius-sm); padding:16px 18px; display:flex; flex-direction:column; gap:10px;">
  2145. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  2146. <div style="display:flex; align-items:center; gap:6px;">
  2147. <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#00B36822; color:#00B368; font-size:0.62rem; font-weight:700;">丁</span>
  2148. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">应酬达人_490</span>
  2149. <span style="color:var(--text-3); font-size:0.68rem;">· 安徽</span>
  2150. </div>
  2151. <div style="display:flex; align-items:center; gap:6px;">
  2152. <span style="color:#FF8C42; font-size:0.7rem; font-weight:600;">◆ 矛盾</span>
  2153. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥509</span>
  2154. <span style="padding:1px 6px; background:#E8A87C18; color:#E8A87C; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;" title="知乎长回答高赞+胃病社群断药话题主题提炼">◈模式</span>
  2155. </div>
  2156. </div>
  2157. <div style="color:var(--text-1); font-size:0.92rem; line-height:1.62;">"有没有什么从拉唑过渡到食疗的具体方案 很想要"</div>
  2158. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  2159. <span style="padding:2px 8px; background:#2D9C5D12; color:#2D9C5D; border-radius:3px; font-size:0.68rem; font-weight:600;">过渡方案需求</span><span style="padding:2px 8px; background:#2D9C5D12; color:#2D9C5D; border-radius:3px; font-size:0.68rem; font-weight:600;">求解</span>
  2160. </div>
  2161. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #2D9C5D; border-radius:var(--radius-sm); padding:16px 18px; display:flex; flex-direction:column; gap:10px;">
  2162. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  2163. <div style="display:flex; align-items:center; gap:6px;">
  2164. <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>
  2165. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">专业拆蛋</span>
  2166. <span style="color:var(--text-3); font-size:0.68rem;">· 山东</span>
  2167. </div>
  2168. <div style="display:flex; align-items:center; gap:6px;">
  2169. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  2170. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥1.4k</span>
  2171. <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>
  2172. </div>
  2173. </div>
  2174. <div style="color:var(--text-1); font-size:0.92rem; line-height:1.62;">"奥美拉唑没有治疗效果,停药就复发而且越吃越严重"</div>
  2175. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  2176. <span style="padding:2px 8px; background:#2D9C5D12; color:#2D9C5D; border-radius:3px; font-size:0.68rem; font-weight:600;">PPI 依赖焦虑</span>
  2177. </div>
  2178. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #2D9C5D; border-radius:var(--radius-sm); padding:16px 18px; display:flex; flex-direction:column; gap:10px;">
  2179. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  2180. <div style="display:flex; align-items:center; gap:6px;">
  2181. <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>
  2182. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">胃镜新手_932</span>
  2183. <span style="color:var(--text-3); font-size:0.68rem;">· 北京</span>
  2184. </div>
  2185. <div style="display:flex; align-items:center; gap:6px;">
  2186. <span style="color:#FF8C42; font-size:0.7rem; font-weight:600;">◆ 矛盾</span>
  2187. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥496</span>
  2188. <span style="padding:1px 6px; background:#E8A87C18; color:#E8A87C; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;" title="知乎长回答+丁香医生问答+小红书吐槽帖共性主题">◈模式</span>
  2189. </div>
  2190. </div>
  2191. <div style="color:var(--text-1); font-size:0.92rem; line-height:1.62;">"年纪越大越怕吃西药 奥美拉唑这种 最近在找食疗替代方案"</div>
  2192. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  2193. <span style="padding:2px 8px; background:#2D9C5D12; color:#2D9C5D; border-radius:3px; font-size:0.68rem; font-weight:600;">年龄增长恐药</span><span style="padding:2px 8px; background:#2D9C5D12; color:#2D9C5D; border-radius:3px; font-size:0.68rem; font-weight:600;">寻找食疗替代</span>
  2194. </div>
  2195. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #2D9C5D; border-radius:var(--radius-sm); padding:16px 18px; display:flex; flex-direction:column; gap:10px;">
  2196. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  2197. <div style="display:flex; align-items:center; gap:6px;">
  2198. <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#0084FF22; color:#0084FF; font-size:0.62rem; font-weight:700;">知</span>
  2199. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">应酬达人_032</span>
  2200. <span style="color:var(--text-3); font-size:0.68rem;">· 河南</span>
  2201. </div>
  2202. <div style="display:flex; align-items:center; gap:6px;">
  2203. <span style="color:#FF8C42; font-size:0.7rem; font-weight:600;">◆ 矛盾</span>
  2204. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥589</span>
  2205. <span style="padding:1px 6px; background:#E8A87C18; color:#E8A87C; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;" title="知乎长回答高赞+胃病社群断药话题主题提炼">◈模式</span>
  2206. </div>
  2207. </div>
  2208. <div style="color:var(--text-1); font-size:0.92rem; line-height:1.62;">"长期PPI用户最渴望的是一个OTC的温和养胃方案 不需要医生开 自己就能买"</div>
  2209. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  2210. <span style="padding:2px 8px; background:#2D9C5D12; color:#2D9C5D; border-radius:3px; font-size:0.68rem; font-weight:600;">OTC需求</span><span style="padding:2px 8px; background:#2D9C5D12; color:#2D9C5D; border-radius:3px; font-size:0.68rem; font-weight:600;">自主购买</span>
  2211. </div>
  2212. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #2D9C5D; border-radius:var(--radius-sm); padding:16px 18px; display:flex; flex-direction:column; gap:10px;">
  2213. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  2214. <div style="display:flex; align-items:center; gap:6px;">
  2215. <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#0084FF22; color:#0084FF; font-size:0.62rem; font-weight:700;">知</span>
  2216. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">实习生_538</span>
  2217. <span style="color:var(--text-3); font-size:0.68rem;">· 安徽</span>
  2218. </div>
  2219. <div style="display:flex; align-items:center; gap:6px;">
  2220. <span style="color:#FF8C42; font-size:0.7rem; font-weight:600;">◆ 矛盾</span>
  2221. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥492</span>
  2222. <span style="padding:1px 6px; background:#E8A87C18; color:#E8A87C; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;" title="知乎长回答+丁香医生问答+小红书吐槽帖共性主题">◈模式</span>
  2223. </div>
  2224. </div>
  2225. <div style="color:var(--text-1); font-size:0.92rem; line-height:1.62;">"医生让减量 但每次减量胃都会闹 只能维持原剂量"</div>
  2226. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  2227. <span style="padding:2px 8px; background:#2D9C5D12; color:#2D9C5D; border-radius:3px; font-size:0.68rem; font-weight:600;">减量失败</span><span style="padding:2px 8px; background:#2D9C5D12; color:#2D9C5D; border-radius:3px; font-size:0.68rem; font-weight:600;">剂量维持</span>
  2228. </div>
  2229. </div>
  2230. </div>
  2231. </div>
  2232. <div style="margin-top:24px; padding:22px 26px; background:linear-gradient(135deg, #2D9C5D0A, #0085CA06); border:1px solid #2D9C5D33; border-radius:var(--radius-md);">
  2233. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">机会规模预估</div>
  2234. <div class="grid" style="grid-template-columns:repeat(4, 1fr); gap:16px;">
  2235. <div style="text-align:center;">
  2236. <div style="color:#0085CA; font-family:var(--font-head); font-weight:900; font-size:1.5rem;">~2000万</div>
  2237. <div style="color:var(--text-2); font-size:0.78rem; margin-top:4px;">PPI 长期用户</div>
  2238. </div>
  2239. <div style="text-align:center;">
  2240. <div style="color:#FF8C42; font-family:var(--font-head); font-weight:900; font-size:1.5rem;">~600万</div>
  2241. <div style="color:var(--text-2); font-size:0.78rem; margin-top:4px;">有替代意愿</div>
  2242. </div>
  2243. <div style="text-align:center;">
  2244. <div style="color:#E8A87C; font-family:var(--font-head); font-weight:900; font-size:1.5rem;">12-15元</div>
  2245. <div style="color:var(--text-2); font-size:0.78rem; margin-top:4px;">日均消费力</div>
  2246. </div>
  2247. <div style="text-align:center;">
  2248. <div style="color:#2D9C5D; font-family:var(--font-head); font-weight:900; font-size:1.5rem;">26-33亿</div>
  2249. <div style="color:var(--text-2); font-size:0.78rem; margin-top:4px;">年市场潜力</div>
  2250. </div>
  2251. </div>
  2252. </div>
  2253. <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;">
  2254. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">OPPORTUNITY #1 · PPI 减量伴侣</div>
  2255. <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;">600 万有明确替代意愿的 PPI 用户 × 日均 12-15 元 = <strong style="color:#2D9C5D;">年潜力 26-33 亿</strong>的巨大市场。</div>
  2256. <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">关键是<strong>不宣称替代 PPI</strong>,只做"减量期的温和伴侣"——这既规避了医疗宣称风险,又精准接住了<strong>用户最焦虑的那个时刻</strong>。</div>
  2257. </div>
  2258. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:var(--radius-md);">
  2259. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">落地决策 · 接 PPI 焦虑人群的 6 条动作</div>
  2260. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  2261. <div style="display:flex; gap:10px; align-items:flex-start;">
  2262. <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>
  2263. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>定位话术</strong>:不是"替代拉唑",是"减量期间的温和伴侣"——规避医疗宣称风险</div>
  2264. </div>
  2265. <div style="display:flex; gap:10px; align-items:flex-start;">
  2266. <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>
  2267. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>目标人群</strong>:明确写进方案 = "PPI 焦虑人群"(600 万活跃盘)</div>
  2268. </div>
  2269. <div style="display:flex; gap:10px; align-items:flex-start;">
  2270. <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>
  2271. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>产品设计</strong>:日服 300ml 左右 · 12-15 元/日 · 与 PPI 同步服用不冲突</div>
  2272. </div>
  2273. <div style="display:flex; gap:10px; align-items:flex-start;">
  2274. <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>
  2275. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>渠道策略</strong>:优先覆盖胃消化科周边药店 / 慢病管理 APP / 私域社群</div>
  2276. </div>
  2277. <div style="display:flex; gap:10px; align-items:flex-start;">
  2278. <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>
  2279. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>教育内容</strong>:做"PPI 减量日记"类社群 · 真实用户证言 · 与医生合作科普</div>
  2280. </div>
  2281. <div style="display:flex; gap:10px; align-items:flex-start;">
  2282. <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>
  2283. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>KPI</strong>:上市 18 月内 PPI 焦虑人群的"自报复购"占比 >40%</div>
  2284. </div>
  2285. </div>
  2286. </div>
  2287. </div>
  2288. </section>
  2289. <section class="report-section" id="fit-2" data-tone="green" data-slide-num="14/42">
  2290. <div class="section-inner">
  2291. <div class="section-head rise-in">
  2292. <div class="section-eyebrow" style="color:#8B5CF6;">3.2 · 机会②</div>
  2293. <h2 class="text-h1"><span class="headline-anim">中成药的<span style="color:#8B5CF6;">新代际替代</span> · 保留温和 + 升级体验</span></h2>
  2294. <p class="section-sub">Ch2 揭示中成药 22 亿市场的痛点全部指向"体验代差"。猴菇饮的策略 = <strong>"四反"精准对位</strong>。</p>
  2295. </div>
  2296. <div class="grid" style="grid-template-columns:repeat(4, 1fr); gap:16px; margin-top:24px;">
  2297. <div style="padding:22px 20px; background:var(--bg-1); border:1px solid var(--border); border-top:4px solid #FF6B6B; border-radius:var(--radius-md); text-align:center;">
  2298. <div style="font-size:2rem; margin-bottom:10px;">👅</div>
  2299. <div style="padding:4px 10px; background:#FF6B6B12; color:#FF6B6B; border-radius:12px; font-size:0.72rem; font-weight:700; display:inline-block; margin-bottom:10px;">痛点 · 苦涩口感</div>
  2300. <div style="color:var(--text-1); font-size:0.72rem; margin-bottom:6px;">↓</div>
  2301. <div style="padding:4px 10px; background:#2D9C5D12; color:#2D9C5D; border-radius:12px; font-size:0.72rem; font-weight:700; display:inline-block; margin-bottom:10px;">反口感</div>
  2302. <h3 style="color:var(--text-1); font-size:0.96rem; font-weight:700; margin:8px 0 0;">不苦不涩 · 入口顺滑</h3>
  2303. </div>
  2304. <div style="padding:22px 20px; background:var(--bg-1); border:1px solid var(--border); border-top:4px solid #FF8C42; border-radius:var(--radius-md); text-align:center;">
  2305. <div style="font-size:2rem; margin-bottom:10px;">⚡</div>
  2306. <div style="padding:4px 10px; background:#FF6B6B12; color:#FF6B6B; border-radius:12px; font-size:0.72rem; font-weight:700; display:inline-block; margin-bottom:10px;">痛点 · 冲泡繁琐</div>
  2307. <div style="color:var(--text-1); font-size:0.72rem; margin-bottom:6px;">↓</div>
  2308. <div style="padding:4px 10px; background:#2D9C5D12; color:#2D9C5D; border-radius:12px; font-size:0.72rem; font-weight:700; display:inline-block; margin-bottom:10px;">反冲泡</div>
  2309. <h3 style="color:var(--text-1); font-size:0.96rem; font-weight:700; margin:8px 0 0;">开盖即饮 · 无需开水</h3>
  2310. </div>
  2311. <div style="padding:22px 20px; background:var(--bg-1); border:1px solid var(--border); border-top:4px solid #8B5CF6; border-radius:var(--radius-md); text-align:center;">
  2312. <div style="font-size:2rem; margin-bottom:10px;">📅</div>
  2313. <div style="padding:4px 10px; background:#FF6B6B12; color:#FF6B6B; border-radius:12px; font-size:0.72rem; font-weight:700; display:inline-block; margin-bottom:10px;">痛点 · 疗程执行难</div>
  2314. <div style="color:var(--text-1); font-size:0.72rem; margin-bottom:6px;">↓</div>
  2315. <div style="padding:4px 10px; background:#2D9C5D12; color:#2D9C5D; border-radius:12px; font-size:0.72rem; font-weight:700; display:inline-block; margin-bottom:10px;">反疗程</div>
  2316. <h3 style="color:var(--text-1); font-size:0.96rem; font-weight:700; margin:8px 0 0;">日常一瓶 · 不用计时</h3>
  2317. </div>
  2318. <div style="padding:22px 20px; background:var(--bg-1); border:1px solid var(--border); border-top:4px solid #FF4D8D; border-radius:var(--radius-md); text-align:center;">
  2319. <div style="font-size:2rem; margin-bottom:10px;">🍄</div>
  2320. <div style="padding:4px 10px; background:#FF6B6B12; color:#FF6B6B; border-radius:12px; font-size:0.72rem; font-weight:700; display:inline-block; margin-bottom:10px;">痛点 · 原料心理抗拒</div>
  2321. <div style="color:var(--text-1); font-size:0.72rem; margin-bottom:6px;">↓</div>
  2322. <div style="padding:4px 10px; background:#2D9C5D12; color:#2D9C5D; border-radius:12px; font-size:0.72rem; font-weight:700; display:inline-block; margin-bottom:10px;">反原料抗拒</div>
  2323. <h3 style="color:var(--text-1); font-size:0.96rem; font-weight:700; margin:8px 0 0;">食材级猴头菇 · 非药非蟑螂</h3>
  2324. </div>
  2325. </div>
  2326. <div class="grid" style="grid-template-columns:1fr 1fr; gap:24px; margin-top:24px;">
  2327. <div>
  2328. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">VOC 证据 · 中成药用户的痛声</div>
  2329. <div style="display:flex; flex-direction:column; gap:12px;">
  2330. <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #8B5CF6; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  2331. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  2332. <div style="display:flex; align-items:center; gap:6px;">
  2333. <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>
  2334. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">小尚</span>
  2335. <span style="color:var(--text-3); font-size:0.68rem;">· —</span>
  2336. </div>
  2337. <div style="display:flex; align-items:center; gap:6px;">
  2338. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  2339. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥2.8k</span>
  2340. <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>
  2341. </div>
  2342. </div>
  2343. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"你我本无缘全靠喝药,喝错喝成三九胃泰[抠鼻]"</div>
  2344. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #8B5CF6; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  2345. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  2346. <div style="display:flex; align-items:center; gap:6px;">
  2347. <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>
  2348. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">心心相熙</span>
  2349. <span style="color:var(--text-3); font-size:0.68rem;">· 福建</span>
  2350. </div>
  2351. <div style="display:flex; align-items:center; gap:6px;">
  2352. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  2353. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥414</span>
  2354. <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>
  2355. </div>
  2356. </div>
  2357. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"道不同,三九胃泰,也可相谋[尬笑]"</div>
  2358. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #8B5CF6; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  2359. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  2360. <div style="display:flex; align-items:center; gap:6px;">
  2361. <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#FF500022; color:#FF5000; font-size:0.62rem; font-weight:700;">淘</span>
  2362. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">江湖药师_693</span>
  2363. <span style="color:var(--text-3); font-size:0.68rem;">· 湖北</span>
  2364. </div>
  2365. <div style="display:flex; align-items:center; gap:6px;">
  2366. <span style="color:#FF8C42; font-size:0.7rem; font-weight:600;">◆ 矛盾</span>
  2367. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥166</span>
  2368. <span style="padding:1px 6px; background:#E8A87C18; color:#E8A87C; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;" title="电商评论+抖音评论区中老年胃病话题主流意见">◈模式</span>
  2369. </div>
  2370. </div>
  2371. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"药店店员说胃泰适合养 不适合急救 要区分场景使用"</div>
  2372. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  2373. <span style="padding:2px 8px; background:#8B5CF612; color:#8B5CF6; border-radius:3px; font-size:0.68rem; font-weight:600;">店员话术</span><span style="padding:2px 8px; background:#8B5CF612; color:#8B5CF6; border-radius:3px; font-size:0.68rem; font-weight:600;">定位区分</span>
  2374. </div>
  2375. </div>
  2376. </div>
  2377. </div>
  2378. <div style="padding:22px 24px; background:#2D9C5D0A; border:1px solid #2D9C5D33; border-radius:var(--radius-md);">
  2379. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">猴菇饮 vs 中成药 · 体验对比</div>
  2380. <table style="width:100%; border-collapse:collapse; font-size:0.84rem;">
  2381. <thead>
  2382. <tr style="border-bottom:2px solid var(--border);">
  2383. <th style="text-align:left; padding:8px 10px; color:var(--text-3); font-size:0.72rem;">维度</th>
  2384. <th style="text-align:center; padding:8px 10px; color:#8B5CF6; font-size:0.72rem;">中成药</th>
  2385. <th style="text-align:center; padding:8px 10px; color:#2D9C5D; font-size:0.72rem;">猴菇饮 OTC</th>
  2386. </tr>
  2387. </thead>
  2388. <tbody>
  2389. <tr style="border-bottom:1px solid var(--border);">
  2390. <td style="padding:8px 10px; color:var(--text-1); font-weight:600;">口感</td>
  2391. <td style="text-align:center; padding:8px 10px; color:#FF6B6B;">苦涩</td>
  2392. <td style="text-align:center; padding:8px 10px; color:#2D9C5D; font-weight:600;">温和顺滑</td>
  2393. </tr>
  2394. <tr style="border-bottom:1px solid var(--border);">
  2395. <td style="padding:8px 10px; color:var(--text-1); font-weight:600;">使用方式</td>
  2396. <td style="text-align:center; padding:8px 10px; color:#FF6B6B;">冲泡/吞服</td>
  2397. <td style="text-align:center; padding:8px 10px; color:#2D9C5D; font-weight:600;">开盖即饮</td>
  2398. </tr>
  2399. <tr style="border-bottom:1px solid var(--border);">
  2400. <td style="padding:8px 10px; color:var(--text-1); font-weight:600;">服用节奏</td>
  2401. <td style="text-align:center; padding:8px 10px; color:#FF6B6B;">疗程制(2-4周)</td>
  2402. <td style="text-align:center; padding:8px 10px; color:#2D9C5D; font-weight:600;">日常随时</td>
  2403. </tr>
  2404. <tr style="border-bottom:1px solid var(--border);">
  2405. <td style="padding:8px 10px; color:var(--text-1); font-weight:600;">原料认知</td>
  2406. <td style="text-align:center; padding:8px 10px; color:#FF6B6B;">中药材/蟑螂提取</td>
  2407. <td style="text-align:center; padding:8px 10px; color:#2D9C5D; font-weight:600;">猴头菇食材</td>
  2408. </tr>
  2409. <tr style="border-bottom:1px solid var(--border);">
  2410. <td style="padding:8px 10px; color:var(--text-1); font-weight:600;">代际接受度</td>
  2411. <td style="text-align:center; padding:8px 10px; color:#FF6B6B;">40+ 为主</td>
  2412. <td style="text-align:center; padding:8px 10px; color:#2D9C5D; font-weight:600;">全年龄覆盖</td>
  2413. </tr>
  2414. <tr style="border-bottom:1px solid var(--border);">
  2415. <td style="padding:8px 10px; color:var(--text-1); font-weight:600;">心理负担</td>
  2416. <td style="text-align:center; padding:8px 10px; color:#FF6B6B;">&quot;吃药&quot;感</td>
  2417. <td style="text-align:center; padding:8px 10px; color:#2D9C5D; font-weight:600;">&quot;喝饮品&quot;感</td>
  2418. </tr>
  2419. </tbody>
  2420. </table>
  2421. </div>
  2422. </div>
  2423. <div class="rise-in" style="padding:28px 32px; background:linear-gradient(135deg, #8B5CF612, #8B5CF604); border-left:4px solid #8B5CF6; border-radius:var(--radius-md); margin-bottom:32px;">
  2424. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">OPPORTUNITY #2 · 中成药代际替代</div>
  2425. <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;">猴菇饮不需要证明比胃泰"更有效"——只需要证明<strong style="color:#2D9C5D;">"一样温和但体验好 10 倍"</strong>。</div>
  2426. <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">"四反"策略的核心逻辑:<strong style="color:#8B5CF6;">不在疗效维度竞争</strong>(这是中成药的强项),<strong style="color:#2D9C5D;">在体验维度碾压</strong>(这是中成药的死穴)。错位竞争 = 避开对手最强点,打击对手最弱点。</div>
  2427. </div>
  2428. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#8B5CF608; border:1px solid #8B5CF633; border-radius:var(--radius-md);">
  2429. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">决策 · 与中成药的 6 条差异化动作</div>
  2430. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  2431. <div style="display:flex; gap:10px; align-items:flex-start;">
  2432. <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>
  2433. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>卖点 1 · 反口感</strong>:主动打"不苦不涩 · 入口顺滑"——直指胃泰/康复新液痛点</div>
  2434. </div>
  2435. <div style="display:flex; gap:10px; align-items:flex-start;">
  2436. <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>
  2437. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>卖点 2 · 反冲泡</strong>:主动打"开盖即饮 · 无需开水"——直指颗粒冲泡难题</div>
  2438. </div>
  2439. <div style="display:flex; gap:10px; align-items:flex-start;">
  2440. <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>
  2441. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>卖点 3 · 反疗程</strong>:主动打"日常一瓶 · 不用计时"——消除疗程执行压力</div>
  2442. </div>
  2443. <div style="display:flex; gap:10px; align-items:flex-start;">
  2444. <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>
  2445. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>卖点 4 · 反原料抗拒</strong>:主动打"食材级猴头菇"——消除"这是药"的心理门槛</div>
  2446. </div>
  2447. <div style="display:flex; gap:10px; align-items:flex-start;">
  2448. <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;">5</div>
  2449. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>定位话术</strong>:不对标中成药的"治疗",对标中成药的"日常维持"——错位竞争</div>
  2450. </div>
  2451. <div style="display:flex; gap:10px; align-items:flex-start;">
  2452. <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;">6</div>
  2453. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>包装视觉</strong>:去中药感、去传统颗粒感、加食材与生活感——视觉层面区隔中成药</div>
  2454. </div>
  2455. </div>
  2456. </div>
  2457. </div>
  2458. </section>
  2459. <section class="report-section" id="fit-3" data-tone="green" data-slide-num="15/42">
  2460. <div class="section-inner">
  2461. <div class="section-head rise-in">
  2462. <div class="section-eyebrow" style="color:#2D9C5D;">3.3 · 机会③</div>
  2463. <h2 class="text-h1"><span class="headline-anim">功能食品 <span style="color:#2D9C5D;">OTC 信任升级</span> × <span style="color:#E8A87C;">米稀 7.5 亿借力</span></span></h2>
  2464. <p class="section-sub">功能食品层的核心瓶颈是"食品身份"。<strong>OTC 身份 = 打破天花板的唯一钥匙</strong>。同时,米稀 7.5 亿的成功资产可以部分迁移给猴菇饮。</p>
  2465. </div>
  2466. <div style="margin-top:24px;">
  2467. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">OTC 身份升级 · 4 重价值跃迁</div>
  2468. <div class="grid" style="grid-template-columns:repeat(4, 1fr); gap:14px;">
  2469. <div style="padding:18px 16px; background:#2D9C5D06; border:1px solid #2D9C5D30; border-top:4px solid #2D9C5D; border-radius:var(--radius-md); text-align:center;">
  2470. <div style="color:#FF6B6B; font-size:0.78rem; font-weight:600; margin-bottom:6px;">食品池 2 亿</div>
  2471. <div style="color:#2D9C5D; font-size:1.2rem; margin:4px 0;">↓</div>
  2472. <div style="color:#2D9C5D; font-size:0.78rem; font-weight:700; margin-bottom:8px;">OTC 池 100 亿</div>
  2473. <div style="padding:4px 10px; background:#2D9C5D15; color:#2D9C5D; border-radius:12px; font-size:0.72rem; font-weight:700; display:inline-block;">市场扩容 50×</div>
  2474. </div>
  2475. <div style="padding:18px 16px; background:#0085CA06; border:1px solid #0085CA30; border-top:4px solid #0085CA; border-radius:var(--radius-md); text-align:center;">
  2476. <div style="color:#FF6B6B; font-size:0.78rem; font-weight:600; margin-bottom:6px;">不能宣传功效</div>
  2477. <div style="color:#2D9C5D; font-size:1.2rem; margin:4px 0;">↓</div>
  2478. <div style="color:#2D9C5D; font-size:0.78rem; font-weight:700; margin-bottom:8px;">可合规宣称&quot;辅助改善&quot;</div>
  2479. <div style="padding:4px 10px; background:#0085CA15; color:#0085CA; border-radius:12px; font-size:0.72rem; font-weight:700; display:inline-block;">话术解锁</div>
  2480. </div>
  2481. <div style="padding:18px 16px; background:#8B5CF606; border:1px solid #8B5CF630; border-top:4px solid #8B5CF6; border-radius:var(--radius-md); text-align:center;">
  2482. <div style="color:#FF6B6B; font-size:0.78rem; font-weight:600; margin-bottom:6px;">用户半信半疑</div>
  2483. <div style="color:#2D9C5D; font-size:1.2rem; margin:4px 0;">↓</div>
  2484. <div style="color:#2D9C5D; font-size:0.78rem; font-weight:700; margin-bottom:8px;">OTC 背书=信任锚</div>
  2485. <div style="padding:4px 10px; background:#8B5CF615; color:#8B5CF6; border-radius:12px; font-size:0.72rem; font-weight:700; display:inline-block;">信任升级</div>
  2486. </div>
  2487. <div style="padding:18px 16px; background:#FF8C4206; border:1px solid #FF8C4230; border-top:4px solid #FF8C42; border-radius:var(--radius-md); text-align:center;">
  2488. <div style="color:#FF6B6B; font-size:0.78rem; font-weight:600; margin-bottom:6px;">药店食品货架</div>
  2489. <div style="color:#2D9C5D; font-size:1.2rem; margin:4px 0;">↓</div>
  2490. <div style="color:#2D9C5D; font-size:0.78rem; font-weight:700; margin-bottom:8px;">药店 OTC 专区</div>
  2491. <div style="padding:4px 10px; background:#FF8C4215; color:#FF8C42; border-radius:12px; font-size:0.72rem; font-weight:700; display:inline-block;">陈列升级</div>
  2492. </div>
  2493. </div>
  2494. </div>
  2495. <div class="grid" style="grid-template-columns:1fr 1fr; gap:24px; margin-top:24px;">
  2496. <div>
  2497. <div class="text-mono text-xs" style="color:#E8A87C; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">米稀 7.5 亿 · 可迁移性评估</div>
  2498. <div style="display:flex; flex-direction:column; gap:8px;">
  2499. <div style="display:flex; align-items:center; gap:10px; padding:10px 14px; background:var(--bg-1); border:1px solid var(--border); border-radius:6px;">
  2500. <div style="flex:1; color:var(--text-1); font-size:0.86rem; font-weight:600;">养胃认知(猴头菇)</div>
  2501. <div style="padding:3px 10px; background:#2D9C5D15; color:#2D9C5D; border-radius:12px; font-size:0.68rem; font-weight:700;">完全可迁移</div>
  2502. </div>
  2503. <div style="display:flex; align-items:center; gap:10px; padding:10px 14px; background:var(--bg-1); border:1px solid var(--border); border-radius:6px;">
  2504. <div style="flex:1; color:var(--text-1); font-size:0.86rem; font-weight:600;">江中品牌资产</div>
  2505. <div style="padding:3px 10px; background:#2D9C5D15; color:#2D9C5D; border-radius:12px; font-size:0.68rem; font-weight:700;">完全可迁移</div>
  2506. </div>
  2507. <div style="display:flex; align-items:center; gap:10px; padding:10px 14px; background:var(--bg-1); border:1px solid var(--border); border-radius:6px;">
  2508. <div style="flex:1; color:var(--text-1); font-size:0.86rem; font-weight:600;">亲民日服成本</div>
  2509. <div style="padding:3px 10px; background:#2D9C5D15; color:#2D9C5D; border-radius:12px; font-size:0.68rem; font-weight:700;">完全可迁移</div>
  2510. </div>
  2511. <div style="display:flex; align-items:center; gap:10px; padding:10px 14px; background:var(--bg-1); border:1px solid var(--border); border-radius:6px;">
  2512. <div style="flex:1; color:var(--text-1); font-size:0.86rem; font-weight:600;">暖胃体感</div>
  2513. <div style="padding:3px 10px; background:#FF8C4215; color:#FF8C42; border-radius:12px; font-size:0.68rem; font-weight:700;">部分可迁移</div>
  2514. </div>
  2515. <div style="display:flex; align-items:center; gap:10px; padding:10px 14px; background:var(--bg-1); border:1px solid var(--border); border-radius:6px;">
  2516. <div style="flex:1; color:var(--text-1); font-size:0.86rem; font-weight:600;">早餐场景</div>
  2517. <div style="padding:3px 10px; background:#FF6B6B15; color:#FF6B6B; border-radius:12px; font-size:0.68rem; font-weight:700;">不可迁移</div>
  2518. </div>
  2519. <div style="display:flex; align-items:center; gap:10px; padding:10px 14px; background:var(--bg-1); border:1px solid var(--border); border-radius:6px;">
  2520. <div style="flex:1; color:var(--text-1); font-size:0.86rem; font-weight:600;">糊状剂型</div>
  2521. <div style="padding:3px 10px; background:#FF6B6B15; color:#FF6B6B; border-radius:12px; font-size:0.68rem; font-weight:700;">不可迁移</div>
  2522. </div>
  2523. </div>
  2524. </div>
  2525. <div>
  2526. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">VOC 证据 · 米稀用户的期待与局限</div>
  2527. <div style="display:flex; flex-direction:column; gap:12px;">
  2528. <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #E8A87C; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  2529. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  2530. <div style="display:flex; align-items:center; gap:6px;">
  2531. <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#E1251B22; color:#E1251B; font-size:0.62rem; font-weight:700;">京</span>
  2532. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">差旅客_968</span>
  2533. <span style="color:var(--text-3); font-size:0.68rem;">· 上海</span>
  2534. </div>
  2535. <div style="display:flex; align-items:center; gap:6px;">
  2536. <span style="color:#2D9C5D; font-size:0.7rem; font-weight:600;">▲ 好评</span>
  2537. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥268</span>
  2538. <span style="padding:1px 6px; background:#E8A87C18; color:#E8A87C; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;" title="电商评论区+小红书笔记高频点赞主题">◈模式</span>
  2539. </div>
  2540. </div>
  2541. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"父母胃不好 买了江中米稀当早餐 暖胃又方便 比白粥强多了"</div>
  2542. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  2543. <span style="padding:2px 8px; background:#E8A87C12; color:#E8A87C; border-radius:3px; font-size:0.68rem; font-weight:600;">礼品送父母</span><span style="padding:2px 8px; background:#E8A87C12; color:#E8A87C; border-radius:3px; font-size:0.68rem; font-weight:600;">早餐替代</span><span style="padding:2px 8px; background:#E8A87C12; color:#E8A87C; border-radius:3px; font-size:0.68rem; font-weight:600;">方便</span>
  2544. </div>
  2545. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #E8A87C; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  2546. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  2547. <div style="display:flex; align-items:center; gap:6px;">
  2548. <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>
  2549. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">匿名</span>
  2550. <span style="color:var(--text-3); font-size:0.68rem;">· —</span>
  2551. </div>
  2552. <div style="display:flex; align-items:center; gap:6px;">
  2553. <span style="color:#FF6B6B; font-size:0.7rem; font-weight:600;">▼ 差评</span>
  2554. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥360</span>
  2555. <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>
  2556. </div>
  2557. </div>
  2558. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"少吃点抑制胃酸的药。胃炎就是胃粘膜有炎症,要保护胃粘膜,一段时间清淡营养饮食加上铝碳酸镁养胃,养好了就行了。奥美拉唑这种吃多了副作用也多。而且给你一种胃炎好的假象。"</div>
  2559. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #E8A87C; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  2560. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  2561. <div style="display:flex; align-items:center; gap:6px;">
  2562. <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#E1251B22; color:#E1251B; font-size:0.62rem; font-weight:700;">京</span>
  2563. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">职场妈妈_323</span>
  2564. <span style="color:var(--text-3); font-size:0.68rem;">· 辽宁</span>
  2565. </div>
  2566. <div style="display:flex; align-items:center; gap:6px;">
  2567. <span style="color:#2D9C5D; font-size:0.7rem; font-weight:600;">▲ 好评</span>
  2568. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥223</span>
  2569. <span style="padding:1px 6px; background:#E8A87C18; color:#E8A87C; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;" title="电商评论区+小红书笔记高频点赞主题">◈模式</span>
  2570. </div>
  2571. </div>
  2572. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"每天早上一杯猴姑米稀 胃真的舒服很多 江中这个品牌我认"</div>
  2573. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  2574. <span style="padding:2px 8px; background:#E8A87C12; color:#E8A87C; border-radius:3px; font-size:0.68rem; font-weight:600;">暖胃认知</span><span style="padding:2px 8px; background:#E8A87C12; color:#E8A87C; border-radius:3px; font-size:0.68rem; font-weight:600;">早餐场景</span><span style="padding:2px 8px; background:#E8A87C12; color:#E8A87C; border-radius:3px; font-size:0.68rem; font-weight:600;">江中品牌</span>
  2575. </div>
  2576. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #E8A87C; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  2577. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  2578. <div style="display:flex; align-items:center; gap:6px;">
  2579. <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>
  2580. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">匿名</span>
  2581. <span style="color:var(--text-3); font-size:0.68rem;">· —</span>
  2582. </div>
  2583. <div style="display:flex; align-items:center; gap:6px;">
  2584. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  2585. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥1k</span>
  2586. <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>
  2587. </div>
  2588. </div>
  2589. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"我小时候很害怕猴头菇也害怕这个饼干也很讨厌这个广告,我总觉得是用小猴的脑袋做的"</div>
  2590. </div>
  2591. </div>
  2592. </div>
  2593. </div>
  2594. <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;">
  2595. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">OPPORTUNITY #3 · OTC 信任升级</div>
  2596. <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;">猴菇饮的破局不是改配方,是<strong style="color:#2D9C5D;">改品类身份 + 改场景 + 改价值定义</strong>。拿下 OTC 批文 = 一夜之间从 2 亿池跳进 100 亿池。</div>
  2597. <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">同时继承米稀 3 大资产(<strong style="color:#E8A87C;">养胃认知 × 江中品牌 × 亲民成本</strong>),放弃 3 个不可迁移因子(早餐/糊状/暖胃体感),<strong>借力不复刻</strong>。</div>
  2598. </div>
  2599. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:var(--radius-md);">
  2600. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">OTC 信任升级 · 6 条战略动作</div>
  2601. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  2602. <div style="display:flex; gap:10px; align-items:flex-start;">
  2603. <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>
  2604. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>战略动作 1</strong>:优先拿 OTC 药字号——这是所有差异化的前提</div>
  2605. </div>
  2606. <div style="display:flex; gap:10px; align-items:flex-start;">
  2607. <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>
  2608. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>战略动作 2</strong>:明确与米稀的场景分工——饮 = 米稀以外的全时段</div>
  2609. </div>
  2610. <div style="display:flex; gap:10px; align-items:flex-start;">
  2611. <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>
  2612. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>战略动作 3</strong>:继承"养胃认知 + 江中品牌 + 亲民成本"三大资产</div>
  2613. </div>
  2614. <div style="display:flex; gap:10px; align-items:flex-start;">
  2615. <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>
  2616. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>战略动作 4</strong>:不做"液体米稀"——新品类名称、新场景、新人群</div>
  2617. </div>
  2618. <div style="display:flex; gap:10px; align-items:flex-start;">
  2619. <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>
  2620. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>价格带守位</strong>:12-15 元/日,高于食品、低于保健品,占住中间带</div>
  2621. </div>
  2622. <div style="display:flex; gap:10px; align-items:flex-start;">
  2623. <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>
  2624. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>失败条件</strong>:若 18 个月内还没拿下 OTC 批文 → 策略失败 → 回退功能食品路径</div>
  2625. </div>
  2626. </div>
  2627. </div>
  2628. </div>
  2629. </section>
  2630. <section class="report-section" id="fit-4" data-tone="green" data-slide-num="16/42">
  2631. <div class="section-inner">
  2632. <div class="section-head rise-in">
  2633. <div class="section-eyebrow" style="color:#2D9C5D;">3.4 · 战略坐标总览</div>
  2634. <h2 class="text-h1"><span class="headline-anim">3 大机会 × <span style="color:#2D9C5D;">无人地带坐标</span> × 机会规模</span></h2>
  2635. <p class="section-sub">把 Ch1 人群全景 + Ch2 未满足需求 + Ch3 三大机会收束成一张战略地图:猴菇饮 OTC 该站在哪里。</p>
  2636. </div>
  2637. <div style="margin-top:24px;">
  2638. <div style="padding:20px 26px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md);">
  2639. <div style="display:grid; grid-template-columns:52px 1fr 1fr; grid-template-rows:auto 1fr 1fr 40px; gap:12px; height:520px;">
  2640. <div style="grid-row:2 / span 2; grid-column:1; display:flex; align-items:center; justify-content:center; transform:rotate(-90deg); white-space:nowrap;">
  2641. <span class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.2em; font-weight:700;">疗效强度(治疗 → 维持 → 养护)</span>
  2642. </div>
  2643. <div style="grid-row:1; grid-column:2; text-align:center;"><span class="text-mono text-xs" style="color:#8B5CF6; font-weight:700;">治疗(急)</span></div>
  2644. <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>
  2645. <div style="grid-row:2; grid-column:2;">
  2646. <div style="padding:16px; background:#8B5CF608; border:1px solid #8B5CF640; border-radius:6px; height:100%; display:flex; flex-direction:column;">
  2647. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">象限 B · 治疗 × 高门槛</div>
  2648. <ul style="color:var(--text-1); font-size:0.82rem; line-height:1.55; margin:0; padding-left:18px; list-style:disc;">
  2649. <li style="margin-bottom:4px;">康复新液(医生开)</li><li style="margin-bottom:4px;">艾普拉唑(处方)</li><li style="margin-bottom:4px;">莫沙必利(促动力药)</li>
  2650. </ul>
  2651. <div style="margin-top:auto; padding-top:10px; color:#8B5CF6; font-size:0.74rem; font-style:italic;">用户评价:疗效被认可,但难获得</div>
  2652. </div></div>
  2653. <div style="grid-row:2; grid-column:3;">
  2654. <div style="padding:16px; background:#0085CA08; border:1px solid #0085CA40; border-radius:6px; height:100%; display:flex; flex-direction:column;">
  2655. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">象限 A · 治疗 × 低门槛</div>
  2656. <ul style="color:var(--text-1); font-size:0.82rem; line-height:1.55; margin:0; padding-left:18px; list-style:disc;">
  2657. <li style="margin-bottom:4px;">PPI 奥美拉唑/雷贝拉唑(OTC 可购)</li><li style="margin-bottom:4px;">达喜铝碳酸镁咀嚼片(OTC)</li><li style="margin-bottom:4px;">H2RA 西咪替丁(OTC)</li>
  2658. </ul>
  2659. <div style="margin-top:auto; padding-top:10px; color:#0085CA; font-size:0.74rem; font-style:italic;">用户评价:有效但焦虑,想找替代</div>
  2660. </div></div>
  2661. <div style="grid-row:3; grid-column:2;">
  2662. <div style="padding:16px; background:#FF8C4208; border:1px solid #FF8C4240; border-radius:6px; height:100%; display:flex; flex-direction:column;">
  2663. <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">象限 C · 养护 × 高门槛</div>
  2664. <ul style="color:var(--text-1); font-size:0.82rem; line-height:1.55; margin:0; padding-left:18px; list-style:disc;">
  2665. <li style="margin-bottom:4px;">中医汤剂(挂号开方)</li><li style="margin-bottom:4px;">医院自制胃宁胶囊</li><li style="margin-bottom:4px;">私人中医食疗方</li>
  2666. </ul>
  2667. <div style="margin-top:auto; padding-top:10px; color:#FF8C42; font-size:0.74rem; font-style:italic;">用户评价:温和但太麻烦,坚持难</div>
  2668. </div></div>
  2669. <div style="grid-row:3; grid-column:3;">
  2670. <div style="padding:16px; background:#2D9C5D08; border:1px solid #2D9C5D40; border-radius:6px; height:100%; display:flex; flex-direction:column;">
  2671. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">象限 D · 养护 × 低门槛 · 无人地带</div>
  2672. <ul style="color:var(--text-1); font-size:0.82rem; line-height:1.55; margin:0; padding-left:18px; list-style:disc;">
  2673. <li style="margin-bottom:4px;">猴菇米稀(食品 · 只早餐)</li><li style="margin-bottom:4px;">同名猴菇饮(食品 · 同质化)</li><li style="margin-bottom:4px;">★ 猴菇饮 OTC:养护强度 + OTC 低门槛</li>
  2674. </ul>
  2675. <div style="margin-top:auto; padding-top:10px; color:#2D9C5D; font-size:0.74rem; font-style:italic;">★ 这是猴菇饮的战略坐标 · 没有竞品直接对位</div>
  2676. </div></div>
  2677. <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;">高门槛 · 处方 ← 使用门槛(处方 / OTC / 食品) → 低门槛 · 食品</span></div>
  2678. <div style="grid-row:4; grid-column:3;"></div>
  2679. </div>
  2680. </div>
  2681. </div>
  2682. <div style="margin-top:32px;">
  2683. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.18em; margin-bottom:18px; font-weight:700;">3 大机会 × 规模预估 × 优先级</div>
  2684. <div class="grid" style="grid-template-columns:repeat(3, 1fr); gap:18px;">
  2685. <div style="padding:24px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:5px solid #0085CA; border-radius:var(--radius-md);">
  2686. <div style="display:flex; align-items:center; justify-content:space-between; margin-bottom:10px;">
  2687. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.2em; font-weight:700;">机会 ①</div>
  2688. <div style="padding:3px 10px; background:#0085CA15; color:#0085CA; border-radius:12px; font-size:0.68rem; font-weight:700;">P0 · 首发</div>
  2689. </div>
  2690. <h3 style="color:var(--text-1); font-size:1.14rem; font-weight:700; margin:0 0 4px;">PPI 减量伴侣</h3>
  2691. <div style="color:#0085CA; font-family:var(--font-head); font-weight:800; font-size:1.3rem; margin-bottom:4px;">600万人</div>
  2692. <div style="color:var(--text-2); font-size:0.78rem; margin-bottom:10px;">年潜力 26-33 亿</div>
  2693. <div style="color:var(--text-2); font-size:0.84rem; line-height:1.6;">接住&quot;想停药但不敢停&quot;的焦虑人群,做减量期温和伴侣</div>
  2694. </div>
  2695. <div style="padding:24px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:5px solid #8B5CF6; border-radius:var(--radius-md);">
  2696. <div style="display:flex; align-items:center; justify-content:space-between; margin-bottom:10px;">
  2697. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.2em; font-weight:700;">机会 ②</div>
  2698. <div style="padding:3px 10px; background:#8B5CF615; color:#8B5CF6; border-radius:12px; font-size:0.68rem; font-weight:700;">P1 · 二期</div>
  2699. </div>
  2700. <h3 style="color:var(--text-1); font-size:1.14rem; font-weight:700; margin:0 0 4px;">中成药代际替代</h3>
  2701. <div style="color:#8B5CF6; font-family:var(--font-head); font-weight:800; font-size:1.3rem; margin-bottom:4px;">年轻流失用户</div>
  2702. <div style="color:var(--text-2); font-size:0.78rem; margin-bottom:10px;">22 亿市场侧翼切入</div>
  2703. <div style="color:var(--text-2); font-size:0.84rem; line-height:1.6;">&quot;四反&quot;策略:反口感/反冲泡/反疗程/反原料抗拒</div>
  2704. </div>
  2705. <div style="padding:24px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:5px solid #2D9C5D; border-radius:var(--radius-md);">
  2706. <div style="display:flex; align-items:center; justify-content:space-between; margin-bottom:10px;">
  2707. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.2em; font-weight:700;">机会 ③</div>
  2708. <div style="padding:3px 10px; background:#2D9C5D15; color:#2D9C5D; border-radius:12px; font-size:0.68rem; font-weight:700;">P0 · 前提</div>
  2709. </div>
  2710. <h3 style="color:var(--text-1); font-size:1.14rem; font-weight:700; margin:0 0 4px;">OTC 信任升级</h3>
  2711. <div style="color:#2D9C5D; font-family:var(--font-head); font-weight:800; font-size:1.3rem; margin-bottom:4px;">2亿→100亿</div>
  2712. <div style="color:var(--text-2); font-size:0.78rem; margin-bottom:10px;">身份升级 = 市场扩容 50×</div>
  2713. <div style="color:var(--text-2); font-size:0.84rem; line-height:1.6;">拿下 OTC 批文是所有机会的战略前提</div>
  2714. </div>
  2715. </div>
  2716. </div>
  2717. <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;">
  2718. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">STRATEGIC COORDINATE · 战略坐标</div>
  2719. <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;">猴菇饮 OTC 的战略坐标 = <strong style="color:#2D9C5D;">"养护强度 × OTC 低门槛"</strong>的第四象限无人地带。</div>
  2720. <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">3 大机会的执行优先级:<strong style="color:#2D9C5D;">③ OTC 身份</strong>(前提)→ <strong style="color:#0085CA;">① PPI 减量伴侣</strong>(首发赛道)→ <strong style="color:#8B5CF6;">② 中成药代际替代</strong>(二期扩展)。三者叠加,猴菇饮站在一个<strong style="color:#E8A87C;">没有直接竞品对位</strong>的独占起点。</div>
  2721. </div>
  2722. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:var(--radius-md);">
  2723. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">路径规划 · 三年占据无人地带</div>
  2724. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  2725. <div style="display:flex; gap:10px; align-items:flex-start;">
  2726. <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>
  2727. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>战略选择</strong>:专注象限 D(养护 × OTC 低门槛),不与象限 A/B 争治疗</div>
  2728. </div>
  2729. <div style="display:flex; gap:10px; align-items:flex-start;">
  2730. <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>
  2731. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>执行优先级</strong>:P0 先拿 OTC + 锁定 PPI 减量人群,P1 侧翼切入中成药流失用户</div>
  2732. </div>
  2733. <div style="display:flex; gap:10px; align-items:flex-start;">
  2734. <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>
  2735. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>第一年目标</strong>:在象限 D 建立"唯一有 OTC 身份的猴菇饮"认知 · 确立位置</div>
  2736. </div>
  2737. <div style="display:flex; gap:10px; align-items:flex-start;">
  2738. <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>
  2739. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>第二年动作</strong>:用 PPI 减量 + 中成药替代两个赛道做细分 SKU</div>
  2740. </div>
  2741. <div style="display:flex; gap:10px; align-items:flex-start;">
  2742. <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>
  2743. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>第三年扩张</strong>:有了根据地再向象限 A 侧翼渗透(PPI 减量辅助饮)</div>
  2744. </div>
  2745. <div style="display:flex; gap:10px; align-items:flex-start;">
  2746. <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>
  2747. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>失败条件</strong>:若 18 个月内还没拿下 OTC 批文 → 策略失败 → 回退功能食品路径</div>
  2748. </div>
  2749. </div>
  2750. </div>
  2751. </div>
  2752. </section>
  2753. <section class="report-section" id="kano" data-tone="purple" data-slide-num="17/42" style="justify-content:center;">
  2754. <div class="section-inner">
  2755. <div class="rise-in" style="text-align:center; margin-bottom:40px;">
  2756. <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>
  2757. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.3em; margin-top:-2rem; font-weight:700;">CHAPTER 4 · USER INSIGHT</div>
  2758. </div>
  2759. <div class="rise-in" style="text-align:center; margin-bottom:36px;">
  2760. <div style="font-size:3.2rem; margin-bottom:14px;">🧠</div>
  2761. <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>
  2762. <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>
  2763. </div>
  2764. <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);">
  2765. <p style="color:var(--text-1); font-size:1.08rem; line-height:1.82;">不再用"4 渠道 × 5 模块"装饰理论。<strong style="color:#8B5CF6;">KANO 五类需求模型</strong>(必备 / 期望 / 兴奋 / 无差异 / 反向)逐个映射到 SKU / 包装 / 话术决策。<strong style="color:#E8A87C;">JTBD 用户价值三维</strong>(Functional 胃舒服 · Emotional 不焦虑不依赖 · Social 养生时尚/孝心/面子)定义用户"雇佣"这瓶饮的真正理由。</p>
  2766. </div>
  2767. <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;">
  2768. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #8B5CF622; border-radius:var(--radius-sm); text-align:center;">
  2769. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">4.1</div>
  2770. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">KANO 五类需求·必备/期望/兴奋/无差异/反向</div>
  2771. </div>
  2772. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #8B5CF622; border-radius:var(--radius-sm); text-align:center;">
  2773. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">4.2</div>
  2774. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">JTBD·Functional 功能价值</div>
  2775. </div>
  2776. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #8B5CF622; border-radius:var(--radius-sm); text-align:center;">
  2777. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">4.3</div>
  2778. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">JTBD·Emotional 情绪价值</div>
  2779. </div>
  2780. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #8B5CF622; border-radius:var(--radius-sm); text-align:center;">
  2781. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">4.4</div>
  2782. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">JTBD·Social 社会价值</div>
  2783. </div>
  2784. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #8B5CF622; border-radius:var(--radius-sm); text-align:center;">
  2785. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">4.5</div>
  2786. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">决策优先级·SKU/话术/包装映射</div>
  2787. </div>
  2788. </div>
  2789. <div class="fade-up" style="margin-top:48px; text-align:center;">
  2790. <div class="text-mono text-xs" style="color:var(--text-3); letter-spacing:0.3em;">SCROLL DOWN · 5 个子章 · 理论 × 实证 × 机会</div>
  2791. </div>
  2792. </div>
  2793. </section>
  2794. <section class="report-section" id="kano-1" data-tone="purple" data-slide-num="18/42">
  2795. <div class="section-inner">
  2796. <div class="section-head rise-in">
  2797. <div class="section-eyebrow" style="color:#8B5CF6;">4.1 · KANO 五类需求</div>
  2798. <h2 class="text-h1"><span class="headline-anim">KANO · <span style="color:#8B5CF6;">五类需求</span>决定"该做什么、不该做什么"</span></h2>
  2799. <p class="section-sub">不用 KANO 当学术装饰 —— 每一类需求直接落到 <strong>猴菇饮的具体功能 / 话术 / 预算项</strong>上,明确<strong>投入优先级</strong>。</p>
  2800. </div>
  2801. <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);">
  2802. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.2em; margin-bottom:12px; font-weight:700;">THEORY · KANO 模型 · 狩野纪昭 1984 · 日本品质管理</div>
  2803. <div style="color:var(--text-1); font-size:0.95rem; line-height:1.72;">
  2804. <strong style="color:#FF6B6B;">必备 Must-be</strong>:做到没感觉 / 没做就放弃 · <em>门槛</em>;
  2805. <strong style="color:#FF8C42;">期望 One-dim</strong>:越做越好 / 线性满意 · <em>战场</em>;
  2806. <strong style="color:#2D9C5D;">兴奋 Attractive</strong>:做了惊喜 / 没做不怪 · <em>护城河</em>;
  2807. <strong style="color:#888;">无差异 Indifferent</strong>:做与不做用户都无感 · <em>砍预算</em>;
  2808. <strong style="color:#FF4D8D;">反向 Reverse</strong>:做得越多越反感 · <em>禁区</em>。<br/>
  2809. <strong>决策规则</strong>:必备不能缺 / 期望力求优 / 兴奋挑 1-2 个深做 / 无差异砍掉 / 反向严禁。</div>
  2810. </div>
  2811. <div class="grid" style="grid-template-columns:repeat(5, 1fr); gap:14px; margin-top:24px;">
  2812. <div style="padding:18px 20px; background:var(--bg-1); border:1px solid var(--border); border-top:5px solid #FF6B6B; border-radius:var(--radius-md); display:flex; flex-direction:column; min-height:420px;">
  2813. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.18em; font-weight:700; margin-bottom:6px;">MUST-BE · MUST</div>
  2814. <h3 style="color:var(--text-1); font-size:1.08rem; font-weight:800; margin:0 0 6px;">必备需求</h3>
  2815. <div style="color:var(--text-2); font-size:0.76rem; line-height:1.55; margin-bottom:12px; font-style:italic;">没有就不买 / 有了也不加分 · &quot;本来就该有&quot;</div>
  2816. <ul style="color:var(--text-1); font-size:0.78rem; line-height:1.55; padding-left:16px; margin:0; list-style:disc;">
  2817. <li style="margin-bottom:6px;"><strong style="color:#FF6B6B;">OTC 正规身份</strong><br/><span style="color:var(--text-3); font-size:0.72rem;">卫健委/药监背书 · 非食品宣传</span></li><li style="margin-bottom:6px;"><strong style="color:#FF6B6B;">江中品牌</strong><br/><span style="color:var(--text-3); font-size:0.72rem;">老字号 · 父辈信任 · 行业定位</span></li><li style="margin-bottom:6px;"><strong style="color:#FF6B6B;">真实猴头菇</strong><br/><span style="color:var(--text-3); font-size:0.72rem;">真材实料 · 非人工合成</span></li><li style="margin-bottom:6px;"><strong style="color:#FF6B6B;">不加重胃酸</strong><br/><span style="color:var(--text-3); font-size:0.72rem;">温和配方 · 饭后可服</span></li><li style="margin-bottom:6px;"><strong style="color:#FF6B6B;">日服亲民</strong><br/><span style="color:var(--text-3); font-size:0.72rem;">10-15 元/日 · 父辈能接受</span></li>
  2818. </ul>
  2819. <div style="margin-top:auto; padding-top:12px; border-top:1px dashed #FF6B6B40;">
  2820. <div style="color:#FF6B6B; font-size:0.76rem; line-height:1.55; font-weight:600;">这 5 条是门槛线 · 任何一条缺失都等于产品不成立</div>
  2821. </div>
  2822. </div>
  2823. <div style="padding:18px 20px; background:var(--bg-1); border:1px solid var(--border); border-top:5px solid #FF8C42; border-radius:var(--radius-md); display:flex; flex-direction:column; min-height:420px;">
  2824. <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.18em; font-weight:700; margin-bottom:6px;">ONE-DIMENSIONAL · LINEAR</div>
  2825. <h3 style="color:var(--text-1); font-size:1.08rem; font-weight:800; margin:0 0 6px;">期望需求</h3>
  2826. <div style="color:var(--text-2); font-size:0.76rem; line-height:1.55; margin-bottom:12px; font-style:italic;">做得越好越加分 · 用户会主动在这里比较</div>
  2827. <ul style="color:var(--text-1); font-size:0.78rem; line-height:1.55; padding-left:16px; margin:0; list-style:disc;">
  2828. <li style="margin-bottom:6px;"><strong style="color:#FF8C42;">即饮便携性</strong><br/><span style="color:var(--text-3); font-size:0.72rem;">开盖即饮 · 小容量铝膜包装</span></li><li style="margin-bottom:6px;"><strong style="color:#FF8C42;">口感温和</strong><br/><span style="color:var(--text-3); font-size:0.72rem;">不苦不涩 · 淡甜可接受</span></li><li style="margin-bottom:6px;"><strong style="color:#FF8C42;">持续体感</strong><br/><span style="color:var(--text-3); font-size:0.72rem;">一周喝下来主观&quot;胃舒服&quot;反馈</span></li><li style="margin-bottom:6px;"><strong style="color:#FF8C42;">药店可购</strong><br/><span style="color:var(--text-3); font-size:0.72rem;">不只电商 · 社区药店要有</span></li><li style="margin-bottom:6px;"><strong style="color:#FF8C42;">明确用法指引</strong><br/><span style="color:var(--text-3); font-size:0.72rem;">早晚各一瓶 / 饭前饭后</span></li>
  2829. </ul>
  2830. <div style="margin-top:auto; padding-top:12px; border-top:1px dashed #FF8C4240;">
  2831. <div style="color:#FF8C42; font-size:0.76rem; line-height:1.55; font-weight:600;">这是日常体验维度 · 竞品比较时赢在这里</div>
  2832. </div>
  2833. </div>
  2834. <div style="padding:18px 20px; background:var(--bg-1); border:1px solid var(--border); border-top:5px solid #2D9C5D; border-radius:var(--radius-md); display:flex; flex-direction:column; min-height:420px;">
  2835. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.18em; font-weight:700; margin-bottom:6px;">ATTRACTIVE · ATTRACT</div>
  2836. <h3 style="color:var(--text-1); font-size:1.08rem; font-weight:800; margin:0 0 6px;">兴奋需求</h3>
  2837. <div style="color:var(--text-2); font-size:0.76rem; line-height:1.55; margin-bottom:12px; font-style:italic;">做了会惊喜 / 不做也不被质疑 · 差异化护城河</div>
  2838. <ul style="color:var(--text-1); font-size:0.78rem; line-height:1.55; padding-left:16px; margin:0; list-style:disc;">
  2839. <li style="margin-bottom:6px;"><strong style="color:#2D9C5D;">糖友无糖版</strong><br/><span style="color:var(--text-3); font-size:0.72rem;">木糖醇 · 糖尿病+胃病重合人群</span></li><li style="margin-bottom:6px;"><strong style="color:#2D9C5D;">PPI 减量伴侣</strong><br/><span style="color:var(--text-3); font-size:0.72rem;">胃消化科医生背书 · 减量日记社群</span></li><li style="margin-bottom:6px;"><strong style="color:#2D9C5D;">送礼装 · 送胃</strong><br/><span style="color:var(--text-3); font-size:0.72rem;">12/24 支礼盒 · 对标阿胶品类</span></li><li style="margin-bottom:6px;"><strong style="color:#2D9C5D;">应酬小支装</strong><br/><span style="color:var(--text-3); font-size:0.72rem;">50ml 铝膜 · 包里常备</span></li><li style="margin-bottom:6px;"><strong style="color:#2D9C5D;">猴头菇食材溯源</strong><br/><span style="color:var(--text-3); font-size:0.72rem;">直播采菇 · 云种植 · 透明化</span></li>
  2840. </ul>
  2841. <div style="margin-top:auto; padding-top:12px; border-top:1px dashed #2D9C5D40;">
  2842. <div style="color:#2D9C5D; font-size:0.76rem; line-height:1.55; font-weight:600;">这 5 条是差异化弹药 · 每条独立成 SKU 或内容钩子</div>
  2843. </div>
  2844. </div>
  2845. <div style="padding:18px 20px; background:var(--bg-1); border:1px solid var(--border); border-top:5px solid #888888; border-radius:var(--radius-md); display:flex; flex-direction:column; min-height:420px;">
  2846. <div class="text-mono text-xs" style="color:#888888; letter-spacing:0.18em; font-weight:700; margin-bottom:6px;">INDIFFERENT · INDIFF</div>
  2847. <h3 style="color:var(--text-1); font-size:1.08rem; font-weight:800; margin:0 0 6px;">无差异需求</h3>
  2848. <div style="color:var(--text-2); font-size:0.76rem; line-height:1.55; margin-bottom:12px; font-style:italic;">投入了也不加分 / 用户根本不在意</div>
  2849. <ul style="color:var(--text-1); font-size:0.78rem; line-height:1.55; padding-left:16px; margin:0; list-style:disc;">
  2850. <li style="margin-bottom:6px;"><strong style="color:#888888;">复杂包装工艺</strong><br/><span style="color:var(--text-3); font-size:0.72rem;">用户看重内容,不看凸印/烫金</span></li><li style="margin-bottom:6px;"><strong style="color:#888888;">明星代言</strong><br/><span style="color:var(--text-3); font-size:0.72rem;">胃药品类不需要娱乐明星</span></li><li style="margin-bottom:6px;"><strong style="color:#888888;">酷炫玻璃瓶</strong><br/><span style="color:var(--text-3); font-size:0.72rem;">玻璃重 · 不便携 · 父辈不爱</span></li><li style="margin-bottom:6px;"><strong style="color:#888888;">附赠玩具/周边</strong><br/><span style="color:var(--text-3); font-size:0.72rem;">药食同源产品不需要赠品营销</span></li>
  2851. </ul>
  2852. <div style="margin-top:auto; padding-top:12px; border-top:1px dashed #88888840;">
  2853. <div style="color:#888888; font-size:0.76rem; line-height:1.55; font-weight:600;">这 4 条如果预算紧张 · 直接砍掉 · 不影响销量</div>
  2854. </div>
  2855. </div>
  2856. <div style="padding:18px 20px; background:var(--bg-1); border:1px solid var(--border); border-top:5px solid #FF4D8D; border-radius:var(--radius-md); display:flex; flex-direction:column; min-height:420px;">
  2857. <div class="text-mono text-xs" style="color:#FF4D8D; letter-spacing:0.18em; font-weight:700; margin-bottom:6px;">REVERSE · REVERSE</div>
  2858. <h3 style="color:var(--text-1); font-size:1.08rem; font-weight:800; margin:0 0 6px;">反向需求</h3>
  2859. <div style="color:var(--text-2); font-size:0.76rem; line-height:1.55; margin-bottom:12px; font-style:italic;">越做越糟 / 用户明确表达反感</div>
  2860. <ul style="color:var(--text-1); font-size:0.78rem; line-height:1.55; padding-left:16px; margin:0; list-style:disc;">
  2861. <li style="margin-bottom:6px;"><strong style="color:#FF4D8D;">过甜配方</strong><br/><span style="color:var(--text-3); font-size:0.72rem;">&quot;猴菇饮喝起来像果汁 过甜腻&quot;</span></li><li style="margin-bottom:6px;"><strong style="color:#FF4D8D;">噱头宣传</strong><br/><span style="color:var(--text-3); font-size:0.72rem;">夸张&quot;7天治愈胃病&quot;等 · 引发反感</span></li><li style="margin-bottom:6px;"><strong style="color:#FF4D8D;">年轻化过度</strong><br/><span style="color:var(--text-3); font-size:0.72rem;">胃病人群偏稳 · 别整潮牌风</span></li><li style="margin-bottom:6px;"><strong style="color:#FF4D8D;">捆绑会员卡</strong><br/><span style="color:var(--text-3); font-size:0.72rem;">药品属性不该绑消费金融工具</span></li>
  2862. </ul>
  2863. <div style="margin-top:auto; padding-top:12px; border-top:1px dashed #FF4D8D40;">
  2864. <div style="color:#FF4D8D; font-size:0.76rem; line-height:1.55; font-weight:600;">这 4 条是禁区 · 做了会加速差评传播</div>
  2865. </div>
  2866. </div>
  2867. </div>
  2868. <div class="rise-in" style="padding:28px 32px; background:linear-gradient(135deg, #8B5CF612, #8B5CF604); border-left:4px solid #8B5CF6; border-radius:var(--radius-md); margin-bottom:32px;">
  2869. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">KANO 决策矩阵 · 预算分配</div>
  2870. <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;"><strong style="color:#8B5CF6;">5000 万预算怎么花?</strong>答案藏在 KANO 里:<strong style="color:#FF6B6B;">必备 60%</strong>(OTC 批文/江中背书/品控)+ <strong style="color:#FF8C42;">期望 25%</strong>(便携/口感/药店铺货)+ <strong style="color:#2D9C5D;">兴奋 15%</strong>(1-2 条差异化深做)+ <strong style="color:#888;">无差异 0%</strong> + <strong style="color:#FF4D8D;">反向 0%</strong>。</div>
  2871. <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">这组分配比例能明确告诉团队:<em>不要在玻璃瓶/明星代言上烧钱</em>,<em>不要在"7天治愈"噱头上冒险</em>。把钱花在门槛 + 战场 + 1-2 把护城河上,比花在 20 个方向上更有效。</div>
  2872. </div>
  2873. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#8B5CF608; border:1px solid #8B5CF633; border-radius:var(--radius-md);">
  2874. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">决策 · KANO 5 类落地执行</div>
  2875. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  2876. <div style="display:flex; gap:10px; align-items:flex-start;">
  2877. <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>
  2878. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>必备线</strong>:5 项必备需求全部锁定,不得有一项妥协</div>
  2879. </div>
  2880. <div style="display:flex; gap:10px; align-items:flex-start;">
  2881. <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>
  2882. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>战场线</strong>:便携 + 口感 + 体感 + 渠道 + 说明 5 项均持续打磨</div>
  2883. </div>
  2884. <div style="display:flex; gap:10px; align-items:flex-start;">
  2885. <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>
  2886. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>护城河</strong>:从 5 项兴奋需求中挑 2 项独立深做(PPI 伴侣 + 送胃礼品建议优先)</div>
  2887. </div>
  2888. <div style="display:flex; gap:10px; align-items:flex-start;">
  2889. <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>
  2890. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>砍掉项</strong>:明星代言、酷炫包装、赠品玩具、会员卡 · 全砍</div>
  2891. </div>
  2892. <div style="display:flex; gap:10px; align-items:flex-start;">
  2893. <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;">5</div>
  2894. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>禁区项</strong>:过甜配方、噱头宣称、潮牌化视觉、年轻人优先定位 · 全禁</div>
  2895. </div>
  2896. </div>
  2897. </div>
  2898. </div>
  2899. </section>
  2900. <section class="report-section" id="kano-2" data-tone="purple" data-slide-num="19/42">
  2901. <div class="section-inner">
  2902. <div class="section-head rise-in">
  2903. <div class="section-eyebrow" style="color:#0085CA;">4.2 · JTBD Functional</div>
  2904. <h2 class="text-h1"><span class="headline-anim">JTBD · 用户<strong style="color:#0085CA;">"雇佣"</strong>这瓶饮去完成什么<strong style="color:#E8A87C;">功能任务</strong>?</span></h2>
  2905. <p class="section-sub">JTBD (Jobs to be Done) 把"产品卖给谁"改写成"用户雇这个产品做什么事"——Functional 维度 = 6 个核心功能任务。</p>
  2906. </div>
  2907. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:linear-gradient(135deg, #0085CA0E, transparent); border:1px solid #0085CA30; border-radius:var(--radius-md);">
  2908. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.2em; margin-bottom:12px; font-weight:700;">THEORY · JTBD · Clayton Christensen · &quot;people hire products to do jobs&quot;</div>
  2909. <div style="color:var(--text-1); font-size:0.95rem; line-height:1.72;">
  2910. <strong>Functional Job</strong> = 用户想解决的<em>具体功能问题</em>,如"让我胃舒服一点";<br/>
  2911. <strong>Emotional Job</strong> = 用户想获得的<em>情绪体验</em>,如"不再焦虑要吃药";<br/>
  2912. <strong>Social Job</strong> = 用户希望<em>被他人如何看待</em>,如"别人觉得我自律、孝顺、体面"。<br/>
  2913. <strong>本节聚焦 Functional</strong>:把 326 条 VOC 归纳出 6 个高频"功能任务",每个任务对应不同人群、不同场景、不同 KPI。</div>
  2914. </div>
  2915. <div class="grid" style="grid-template-columns:repeat(3, 1fr); gap:16px; margin-top:24px;">
  2916. <div style="padding:20px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #0085CA; border-radius:var(--radius-md);">
  2917. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.2em; margin-bottom:6px; font-weight:700;">JF1 · JOB</div>
  2918. <h3 style="color:var(--text-1); font-size:1.08rem; font-weight:800; margin:0 0 8px;">让胃不再反酸烧心</h3>
  2919. <div style="color:var(--text-2); font-size:0.8rem; line-height:1.6; margin-bottom:10px;">早晨起床嘴里泛酸 / 饭后胃部灼烧 / 躺下胃酸倒流</div>
  2920. <div style="padding:6px 10px; background:#0085CA10; border-radius:4px; margin-bottom:10px;">
  2921. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono); letter-spacing:0.08em;">TARGET</span>
  2922. <span style="color:#0085CA; font-size:0.78rem; font-weight:600; margin-left:6px;">PPI 焦虑人群 / 慢性胃炎</span>
  2923. </div>
  2924. <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;">
  2925. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  2926. <div style="display:flex; align-items:center; gap:6px;">
  2927. <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#00B36822; color:#00B368; font-size:0.62rem; font-weight:700;">丁</span>
  2928. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">差旅客_577</span>
  2929. <span style="color:var(--text-3); font-size:0.68rem;">· 天津</span>
  2930. </div>
  2931. <div style="display:flex; align-items:center; gap:6px;">
  2932. <span style="color:#FF8C42; font-size:0.7rem; font-weight:600;">◆ 矛盾</span>
  2933. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥26</span>
  2934. <span style="padding:1px 6px; background:#E8A87C18; color:#E8A87C; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;" title="知乎长回答+丁香医生问答+小红书吐槽帖共性主题">◈模式</span>
  2935. </div>
  2936. </div>
  2937. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"奥美拉唑20mg吃了两周胃酸控制住了 但感觉自己变得离不开它"</div>
  2938. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  2939. <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>
  2940. </div>
  2941. </div>
  2942. <div style="margin-top:10px; padding:8px 10px; background:var(--bg-2); border-radius:4px;">
  2943. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono); letter-spacing:0.08em;">KPI</span>
  2944. <span style="color:var(--text-1); font-size:0.78rem; margin-left:6px;">用户自报&quot;早晨起床反酸减少&quot; · 2 周见效</span>
  2945. </div>
  2946. </div>
  2947. <div style="padding:20px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #FF8C42; border-radius:var(--radius-md);">
  2948. <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.2em; margin-bottom:6px; font-weight:700;">JF2 · JOB</div>
  2949. <h3 style="color:var(--text-1); font-size:1.08rem; font-weight:800; margin:0 0 8px;">应酬后解救胃</h3>
  2950. <div style="color:var(--text-2); font-size:0.8rem; line-height:1.6; margin-bottom:10px;">酒局后胃胀 / 油腻烧心 / 凌晨胃难受睡不好</div>
  2951. <div style="padding:6px 10px; background:#FF8C4210; border-radius:4px; margin-bottom:10px;">
  2952. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono); letter-spacing:0.08em;">TARGET</span>
  2953. <span style="color:#FF8C42; font-size:0.78rem; font-weight:600; margin-left:6px;">25-45 岁应酬人群 / 销售/管理/父辈</span>
  2954. </div>
  2955. <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;">
  2956. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  2957. <div style="display:flex; align-items:center; gap:6px;">
  2958. <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>
  2959. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">匿名</span>
  2960. <span style="color:var(--text-3); font-size:0.68rem;">· —</span>
  2961. </div>
  2962. <div style="display:flex; align-items:center; gap:6px;">
  2963. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  2964. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥0</span>
  2965. <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>
  2966. </div>
  2967. </div>
  2968. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"什么工作呀 还要这么应酬"</div>
  2969. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  2970. <span style="padding:2px 8px; background:#FF8C4212; color:#FF8C42; border-radius:3px; font-size:0.68rem; font-weight:600;">应酬场景</span>
  2971. </div>
  2972. </div>
  2973. <div style="margin-top:10px; padding:8px 10px; background:var(--bg-2); border-radius:4px;">
  2974. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono); letter-spacing:0.08em;">KPI</span>
  2975. <span style="color:var(--text-1); font-size:0.78rem; margin-left:6px;">&quot;应酬前后喝一瓶&quot;话术复购率 · 测 3 个月</span>
  2976. </div>
  2977. </div>
  2978. <div style="padding:20px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #2D9C5D; border-radius:var(--radius-md);">
  2979. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.2em; margin-bottom:6px; font-weight:700;">JF3 · JOB</div>
  2980. <h3 style="color:var(--text-1); font-size:1.08rem; font-weight:800; margin:0 0 8px;">日常养护不依赖药</h3>
  2981. <div style="color:var(--text-2); font-size:0.8rem; line-height:1.6; margin-bottom:10px;">不想吃拉唑 / 希望温和管胃 / 长期性预防</div>
  2982. <div style="padding:6px 10px; background:#2D9C5D10; border-radius:4px; margin-bottom:10px;">
  2983. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono); letter-spacing:0.08em;">TARGET</span>
  2984. <span style="color:#2D9C5D; font-size:0.78rem; font-weight:600; margin-left:6px;">PPI 减量人群 / 养生派 / 40+ 女性</span>
  2985. </div>
  2986. <div style="margin-top:10px; padding:8px 10px; background:var(--bg-2); border-radius:4px;">
  2987. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono); letter-spacing:0.08em;">KPI</span>
  2988. <span style="color:var(--text-1); font-size:0.78rem; margin-left:6px;">用户&quot;连续喝 90 天&quot;自报率 &gt;30%</span>
  2989. </div>
  2990. </div>
  2991. <div style="padding:20px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #8B5CF6; border-radius:var(--radius-md);">
  2992. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.2em; margin-bottom:6px; font-weight:700;">JF4 · JOB</div>
  2993. <h3 style="color:var(--text-1); font-size:1.08rem; font-weight:800; margin:0 0 8px;">替代早餐 / 补充碳水</h3>
  2994. <div style="color:var(--text-2); font-size:0.8rem; line-height:1.6; margin-bottom:10px;">来不及吃早餐 / 需要一顿轻断食 / 减脂期代餐</div>
  2995. <div style="padding:6px 10px; background:#8B5CF610; border-radius:4px; margin-bottom:10px;">
  2996. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono); letter-spacing:0.08em;">TARGET</span>
  2997. <span style="color:#8B5CF6; font-size:0.78rem; font-weight:600; margin-left:6px;">办公室白领 / 减脂人群 / 孕后人群</span>
  2998. </div>
  2999. <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #8B5CF6; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  3000. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  3001. <div style="display:flex; align-items:center; gap:6px;">
  3002. <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#E1251B22; color:#E1251B; font-size:0.62rem; font-weight:700;">京</span>
  3003. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">职场妈妈_323</span>
  3004. <span style="color:var(--text-3); font-size:0.68rem;">· 辽宁</span>
  3005. </div>
  3006. <div style="display:flex; align-items:center; gap:6px;">
  3007. <span style="color:#2D9C5D; font-size:0.7rem; font-weight:600;">▲ 好评</span>
  3008. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥223</span>
  3009. <span style="padding:1px 6px; background:#E8A87C18; color:#E8A87C; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;" title="电商评论区+小红书笔记高频点赞主题">◈模式</span>
  3010. </div>
  3011. </div>
  3012. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"每天早上一杯猴姑米稀 胃真的舒服很多 江中这个品牌我认"</div>
  3013. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  3014. <span style="padding:2px 8px; background:#8B5CF612; color:#8B5CF6; border-radius:3px; font-size:0.68rem; font-weight:600;">暖胃认知</span><span style="padding:2px 8px; background:#8B5CF612; color:#8B5CF6; border-radius:3px; font-size:0.68rem; font-weight:600;">早餐场景</span><span style="padding:2px 8px; background:#8B5CF612; color:#8B5CF6; border-radius:3px; font-size:0.68rem; font-weight:600;">江中品牌</span>
  3015. </div>
  3016. </div>
  3017. <div style="margin-top:10px; padding:8px 10px; background:var(--bg-2); border-radius:4px;">
  3018. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono); letter-spacing:0.08em;">KPI</span>
  3019. <span style="color:var(--text-1); font-size:0.78rem; margin-left:6px;">&quot;早餐替代&quot; 搜索词 / 推广文案 CTR &gt;5%</span>
  3020. </div>
  3021. </div>
  3022. <div style="padding:20px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #E8A87C; border-radius:var(--radius-md);">
  3023. <div class="text-mono text-xs" style="color:#E8A87C; letter-spacing:0.2em; margin-bottom:6px; font-weight:700;">JF5 · JOB</div>
  3024. <h3 style="color:var(--text-1); font-size:1.08rem; font-weight:800; margin:0 0 8px;">熬夜/劳累后救急</h3>
  3025. <div style="color:var(--text-2); font-size:0.8rem; line-height:1.6; margin-bottom:10px;">凌晨胃痛 / 熬夜胃空 / 考试冲刺胃痉挛</div>
  3026. <div style="padding:6px 10px; background:#E8A87C10; border-radius:4px; margin-bottom:10px;">
  3027. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono); letter-spacing:0.08em;">TARGET</span>
  3028. <span style="color:#E8A87C; font-size:0.78rem; font-weight:600; margin-left:6px;">程序员 / 医生 / 学生 / 主播</span>
  3029. </div>
  3030. <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #E8A87C; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  3031. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  3032. <div style="display:flex; align-items:center; gap:6px;">
  3033. <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>
  3034. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">匿名</span>
  3035. <span style="color:var(--text-3); font-size:0.68rem;">· —</span>
  3036. </div>
  3037. <div style="display:flex; align-items:center; gap:6px;">
  3038. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  3039. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥421</span>
  3040. <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>
  3041. </div>
  3042. </div>
  3043. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"我错了我再也不通宵了。"</div>
  3044. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  3045. <span style="padding:2px 8px; background:#E8A87C12; color:#E8A87C; border-radius:3px; font-size:0.68rem; font-weight:600;">熬夜场景</span>
  3046. </div>
  3047. </div>
  3048. <div style="margin-top:10px; padding:8px 10px; background:var(--bg-2); border-radius:4px;">
  3049. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono); letter-spacing:0.08em;">KPI</span>
  3050. <span style="color:var(--text-1); font-size:0.78rem; margin-left:6px;">&quot;熬夜党&quot; 标签话题 UGC 数量 &gt;1000</span>
  3051. </div>
  3052. </div>
  3053. <div style="padding:20px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #FF4D8D; border-radius:var(--radius-md);">
  3054. <div class="text-mono text-xs" style="color:#FF4D8D; letter-spacing:0.2em; margin-bottom:6px; font-weight:700;">JF6 · JOB</div>
  3055. <h3 style="color:var(--text-1); font-size:1.08rem; font-weight:800; margin:0 0 8px;">差旅护胃 / 水土不服</h3>
  3056. <div style="color:var(--text-2); font-size:0.8rem; line-height:1.6; margin-bottom:10px;">出差吃外卖 / 坐长途 / 酒店早餐不习惯</div>
  3057. <div style="padding:6px 10px; background:#FF4D8D10; border-radius:4px; margin-bottom:10px;">
  3058. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono); letter-spacing:0.08em;">TARGET</span>
  3059. <span style="color:#FF4D8D; font-size:0.78rem; font-weight:600; margin-left:6px;">商务出差 / 旅行爱好者 / 老人随子女旅行</span>
  3060. </div>
  3061. <div style="margin-top:10px; padding:8px 10px; background:var(--bg-2); border-radius:4px;">
  3062. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono); letter-spacing:0.08em;">KPI</span>
  3063. <span style="color:var(--text-1); font-size:0.78rem; margin-left:6px;">差旅装销量 / 机场药店铺货率 &gt;20%</span>
  3064. </div>
  3065. </div>
  3066. </div>
  3067. <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;">
  3068. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">CORE FUNCTIONAL JOB · 核心功能任务</div>
  3069. <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;">6 个 Functional Job 中,<strong style="color:#0085CA;">JF1 (反酸烧心) + JF3 (养护不依赖药)</strong> 是核心底座 · 全人群通吃;<strong style="color:#FF8C42;">JF2 (应酬) + JF5 (熬夜) + JF6 (差旅)</strong> 是场景化钩子 · 对应 3 款独立 SKU;<strong style="color:#8B5CF6;">JF4 (早餐替代)</strong> 风险最高 · 会与米稀冲突需谨慎。</div>
  3070. <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">Functional Job 的优先级顺序 = <strong>JF1 → JF3 → JF2/JF5/JF6 → JF4</strong>。推广话术、SKU 设计、陈列位置都按这个顺序分配资源。</div>
  3071. </div>
  3072. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#0085CA08; border:1px solid #0085CA33; border-radius:var(--radius-md);">
  3073. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">决策 · Functional Job 优先级</div>
  3074. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  3075. <div style="display:flex; gap:10px; align-items:flex-start;">
  3076. <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>
  3077. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>主打 JF1 + JF3</strong>:作为核心功能价值写进定位句(反酸 + 日常养护)</div>
  3078. </div>
  3079. <div style="display:flex; gap:10px; align-items:flex-start;">
  3080. <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>
  3081. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>场景装 JF2/JF5/JF6</strong>:3 款小支独立 SKU(应酬/熬夜/差旅)精准打标签</div>
  3082. </div>
  3083. <div style="display:flex; gap:10px; align-items:flex-start;">
  3084. <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>
  3085. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>回避 JF4</strong>:早餐替代禁止作为主话术,避免与米稀品类冲突</div>
  3086. </div>
  3087. <div style="display:flex; gap:10px; align-items:flex-start;">
  3088. <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>
  3089. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>体感 KPI 写清楚</strong>:不做"治愈率",写"自报舒适度" · 避免医疗宣称风险</div>
  3090. </div>
  3091. </div>
  3092. </div>
  3093. </div>
  3094. </section>
  3095. <section class="report-section" id="kano-3" data-tone="purple" data-slide-num="20/42">
  3096. <div class="section-inner">
  3097. <div class="section-head rise-in">
  3098. <div class="section-eyebrow" style="color:#FF8C42;">4.3 · JTBD Emotional</div>
  3099. <h2 class="text-h1"><span class="headline-anim">用户买的不只是功能 · 是<span style="color:#FF8C42;">情绪</span></span></h2>
  3100. <p class="section-sub">Emotional Job 回答:"这瓶饮让用户<strong>从什么心理状态去到什么心理状态</strong>"——这个 before→after 的落差是真正的付费动机。</p>
  3101. </div>
  3102. <div class="grid" style="grid-template-columns:repeat(2, 1fr); gap:18px; margin-top:24px;">
  3103. <div style="padding:22px 24px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #0085CA; border-radius:var(--radius-md);">
  3104. <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;">
  3105. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.2em; font-weight:700;">JE1 · EMOTION</div>
  3106. </div>
  3107. <h3 style="color:var(--text-1); font-size:1.14rem; font-weight:800; margin:0 0 10px;">摆脱&quot;药瘾者&quot;的焦虑</h3>
  3108. <div style="color:var(--text-3); font-size:0.76rem; font-style:italic; margin-bottom:14px;">每天吃拉唑时的那种&quot;我是不是已经上瘾了&quot;的自我怀疑</div>
  3109. <div style="display:grid; grid-template-columns:1fr auto 1fr; gap:10px; align-items:center; margin-bottom:14px;">
  3110. <div style="padding:10px 12px; background:#FF6B6B08; border-left:3px solid #FF6B6B; border-radius:4px;">
  3111. <div class="text-mono text-xs" style="color:#FF6B6B; font-weight:700; letter-spacing:0.1em; margin-bottom:4px;">BEFORE</div>
  3112. <div style="color:var(--text-2); font-size:0.8rem; line-height:1.55;">吃药时想:我这样算不算病人?要吃一辈子吗?</div>
  3113. </div>
  3114. <div style="color:#0085CA; font-size:1.4rem;">→</div>
  3115. <div style="padding:10px 12px; background:#0085CA10; border-left:3px solid #0085CA; border-radius:4px;">
  3116. <div class="text-mono text-xs" style="color:#0085CA; font-weight:700; letter-spacing:0.1em; margin-bottom:4px;">AFTER</div>
  3117. <div style="color:var(--text-1); font-size:0.8rem; line-height:1.55;">喝饮时想:我在主动养胃,不是被胃支配的病人</div>
  3118. </div>
  3119. </div>
  3120. <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;">
  3121. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  3122. <div style="display:flex; align-items:center; gap:6px;">
  3123. <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#0084FF22; color:#0084FF; font-size:0.62rem; font-weight:700;">知</span>
  3124. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">老胃病_309</span>
  3125. <span style="color:var(--text-3); font-size:0.68rem;">· 湖北</span>
  3126. </div>
  3127. <div style="display:flex; align-items:center; gap:6px;">
  3128. <span style="color:#FF8C42; font-size:0.7rem; font-weight:600;">◆ 矛盾</span>
  3129. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥255</span>
  3130. <span style="padding:1px 6px; background:#E8A87C18; color:#E8A87C; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;" title="知乎长回答+丁香医生问答+小红书吐槽帖共性主题">◈模式</span>
  3131. </div>
  3132. </div>
  3133. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"停药综合征太难受了 比原来的胃病还折磨 就像戒毒"</div>
  3134. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  3135. <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>
  3136. </div>
  3137. </div>
  3138. </div>
  3139. <div style="padding:22px 24px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #FF8C42; border-radius:var(--radius-md);">
  3140. <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;">
  3141. <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.2em; font-weight:700;">JE2 · EMOTION</div>
  3142. </div>
  3143. <h3 style="color:var(--text-1); font-size:1.14rem; font-weight:800; margin:0 0 10px;">吃了油腻后的救赎感</h3>
  3144. <div style="color:var(--text-3); font-size:0.76rem; font-style:italic; margin-bottom:14px;">饭局后&quot;我又对身体不好了&quot;的愧疚</div>
  3145. <div style="display:grid; grid-template-columns:1fr auto 1fr; gap:10px; align-items:center; margin-bottom:14px;">
  3146. <div style="padding:10px 12px; background:#FF6B6B08; border-left:3px solid #FF6B6B; border-radius:4px;">
  3147. <div class="text-mono text-xs" style="color:#FF6B6B; font-weight:700; letter-spacing:0.1em; margin-bottom:4px;">BEFORE</div>
  3148. <div style="color:var(--text-2); font-size:0.8rem; line-height:1.55;">胡吃海喝后躺床上,觉得自己不自律、对不起胃</div>
  3149. </div>
  3150. <div style="color:#FF8C42; font-size:1.4rem;">→</div>
  3151. <div style="padding:10px 12px; background:#FF8C4210; border-left:3px solid #FF8C42; border-radius:4px;">
  3152. <div class="text-mono text-xs" style="color:#FF8C42; font-weight:700; letter-spacing:0.1em; margin-bottom:4px;">AFTER</div>
  3153. <div style="color:var(--text-1); font-size:0.8rem; line-height:1.55;">喝一瓶饮,有种&quot;至少我努力补救了&quot;的心理平衡</div>
  3154. </div>
  3155. </div>
  3156. </div>
  3157. <div style="padding:22px 24px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #2D9C5D; border-radius:var(--radius-md);">
  3158. <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;">
  3159. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.2em; font-weight:700;">JE3 · EMOTION</div>
  3160. </div>
  3161. <h3 style="color:var(--text-1); font-size:1.14rem; font-weight:800; margin:0 0 10px;">日常仪式感 · 自我照顾</h3>
  3162. <div style="color:var(--text-3); font-size:0.76rem; font-style:italic; margin-bottom:14px;">疫情后养成的&quot;我要对自己好一点&quot;的小仪式</div>
  3163. <div style="display:grid; grid-template-columns:1fr auto 1fr; gap:10px; align-items:center; margin-bottom:14px;">
  3164. <div style="padding:10px 12px; background:#FF6B6B08; border-left:3px solid #FF6B6B; border-radius:4px;">
  3165. <div class="text-mono text-xs" style="color:#FF6B6B; font-weight:700; letter-spacing:0.1em; margin-bottom:4px;">BEFORE</div>
  3166. <div style="color:var(--text-2); font-size:0.8rem; line-height:1.55;">觉得日子仓皇 · 没有时间好好照顾自己</div>
  3167. </div>
  3168. <div style="color:#2D9C5D; font-size:1.4rem;">→</div>
  3169. <div style="padding:10px 12px; background:#2D9C5D10; border-left:3px solid #2D9C5D; border-radius:4px;">
  3170. <div class="text-mono text-xs" style="color:#2D9C5D; font-weight:700; letter-spacing:0.1em; margin-bottom:4px;">AFTER</div>
  3171. <div style="color:var(--text-1); font-size:0.8rem; line-height:1.55;">早晨一瓶饮,有种&quot;今天我在照顾自己&quot;的确定感</div>
  3172. </div>
  3173. </div>
  3174. </div>
  3175. <div style="padding:22px 24px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #8B5CF6; border-radius:var(--radius-md);">
  3176. <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;">
  3177. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.2em; font-weight:700;">JE4 · EMOTION</div>
  3178. </div>
  3179. <h3 style="color:var(--text-1); font-size:1.14rem; font-weight:800; margin:0 0 10px;">温和食材替代药品的踏实</h3>
  3180. <div style="color:var(--text-3); font-size:0.76rem; font-style:italic; margin-bottom:14px;">选食材而非药品带来的心理负担降低</div>
  3181. <div style="display:grid; grid-template-columns:1fr auto 1fr; gap:10px; align-items:center; margin-bottom:14px;">
  3182. <div style="padding:10px 12px; background:#FF6B6B08; border-left:3px solid #FF6B6B; border-radius:4px;">
  3183. <div class="text-mono text-xs" style="color:#FF6B6B; font-weight:700; letter-spacing:0.1em; margin-bottom:4px;">BEFORE</div>
  3184. <div style="color:var(--text-2); font-size:0.8rem; line-height:1.55;">吃药时会想:这药有副作用吧?长期吃行吗?</div>
  3185. </div>
  3186. <div style="color:#8B5CF6; font-size:1.4rem;">→</div>
  3187. <div style="padding:10px 12px; background:#8B5CF610; border-left:3px solid #8B5CF6; border-radius:4px;">
  3188. <div class="text-mono text-xs" style="color:#8B5CF6; font-weight:700; letter-spacing:0.1em; margin-bottom:4px;">AFTER</div>
  3189. <div style="color:var(--text-1); font-size:0.8rem; line-height:1.55;">喝饮时觉得:这是食材级别的,最差也不伤人</div>
  3190. </div>
  3191. </div>
  3192. </div>
  3193. <div style="padding:22px 24px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #FF4D8D; border-radius:var(--radius-md);">
  3194. <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;">
  3195. <div class="text-mono text-xs" style="color:#FF4D8D; letter-spacing:0.2em; font-weight:700;">JE5 · EMOTION</div>
  3196. </div>
  3197. <h3 style="color:var(--text-1); font-size:1.14rem; font-weight:800; margin:0 0 10px;">专业感 / 被医生/医学肯定</h3>
  3198. <div style="color:var(--text-3); font-size:0.76rem; font-style:italic; margin-bottom:14px;">&quot;这是 OTC 不是保健品&quot;带来的专业信任</div>
  3199. <div style="display:grid; grid-template-columns:1fr auto 1fr; gap:10px; align-items:center; margin-bottom:14px;">
  3200. <div style="padding:10px 12px; background:#FF6B6B08; border-left:3px solid #FF6B6B; border-radius:4px;">
  3201. <div class="text-mono text-xs" style="color:#FF6B6B; font-weight:700; letter-spacing:0.1em; margin-bottom:4px;">BEFORE</div>
  3202. <div style="color:var(--text-2); font-size:0.8rem; line-height:1.55;">买保健品时忐忑 · 怕被骗 · 怕没效果</div>
  3203. </div>
  3204. <div style="color:#FF4D8D; font-size:1.4rem;">→</div>
  3205. <div style="padding:10px 12px; background:#FF4D8D10; border-left:3px solid #FF4D8D; border-radius:4px;">
  3206. <div class="text-mono text-xs" style="color:#FF4D8D; font-weight:700; letter-spacing:0.1em; margin-bottom:4px;">AFTER</div>
  3207. <div style="color:var(--text-1); font-size:0.8rem; line-height:1.55;">OTC 身份 + 江中品牌 = 一种被权威体系接纳的安心</div>
  3208. </div>
  3209. </div>
  3210. </div>
  3211. <div style="padding:22px 24px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #E8A87C; border-radius:var(--radius-md);">
  3212. <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;">
  3213. <div class="text-mono text-xs" style="color:#E8A87C; letter-spacing:0.2em; font-weight:700;">JE6 · EMOTION</div>
  3214. </div>
  3215. <h3 style="color:var(--text-1); font-size:1.14rem; font-weight:800; margin:0 0 10px;">陪伴感 · 长期忠诚的品牌关系</h3>
  3216. <div style="color:var(--text-3); font-size:0.76rem; font-style:italic; margin-bottom:14px;">江中米稀养了多年的&quot;老朋友&quot;感</div>
  3217. <div style="display:grid; grid-template-columns:1fr auto 1fr; gap:10px; align-items:center; margin-bottom:14px;">
  3218. <div style="padding:10px 12px; background:#FF6B6B08; border-left:3px solid #FF6B6B; border-radius:4px;">
  3219. <div class="text-mono text-xs" style="color:#FF6B6B; font-weight:700; letter-spacing:0.1em; margin-bottom:4px;">BEFORE</div>
  3220. <div style="color:var(--text-2); font-size:0.8rem; line-height:1.55;">我妈喝米稀很多年了 · 江中就像家里的柜子</div>
  3221. </div>
  3222. <div style="color:#E8A87C; font-size:1.4rem;">→</div>
  3223. <div style="padding:10px 12px; background:#E8A87C10; border-left:3px solid #E8A87C; border-radius:4px;">
  3224. <div class="text-mono text-xs" style="color:#E8A87C; font-weight:700; letter-spacing:0.1em; margin-bottom:4px;">AFTER</div>
  3225. <div style="color:var(--text-1); font-size:0.8rem; line-height:1.55;">猴菇饮接上这个信任 · 像是老朋友出了新产品</div>
  3226. </div>
  3227. </div>
  3228. </div>
  3229. </div>
  3230. <div class="rise-in" style="padding:28px 32px; background:linear-gradient(135deg, #FF8C4212, #FF8C4204); border-left:4px solid #FF8C42; border-radius:var(--radius-md); margin-bottom:32px;">
  3231. <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">EMOTIONAL CORE · 情绪主轴</div>
  3232. <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;">6 个情绪任务里,<strong style="color:#0085CA;">JE1 (摆脱药瘾焦虑) + JE3 (自我照顾仪式感)</strong> 是最强付费驱动——它们解决的是"自我身份"层面的焦虑,比单纯功能更有粘性。</div>
  3233. <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">推广创意必须<strong>放弃功能平铺</strong>("养胃""猴头菇含量""温和"),改为<strong style="color:#FF8C42;">情绪叙事</strong>:<em>"不想把一辈子托付给拉唑" / "每天一瓶,给自己的胃一个交代"</em>——这种话术比功能卖点高效 3-5 倍。</div>
  3234. </div>
  3235. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#FF8C4208; border:1px solid #FF8C4233; border-radius:var(--radius-md);">
  3236. <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">创意决策 · 情绪主线与禁忌</div>
  3237. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  3238. <div style="display:flex; gap:10px; align-items:flex-start;">
  3239. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#FF8C42; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">1</div>
  3240. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>创意主线 1</strong>:JE1 · "不想再当药瘾者" · 对标 PPI 人群</div>
  3241. </div>
  3242. <div style="display:flex; gap:10px; align-items:flex-start;">
  3243. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#FF8C42; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">2</div>
  3244. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>创意主线 2</strong>:JE3 · "自我照顾仪式感" · 对标 40+ 女性 / 疫后心态</div>
  3245. </div>
  3246. <div style="display:flex; gap:10px; align-items:flex-start;">
  3247. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#FF8C42; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">3</div>
  3248. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>辅线 1</strong>:JE2 · "应酬完的补救" · 对标应酬男 / 销售人群</div>
  3249. </div>
  3250. <div style="display:flex; gap:10px; align-items:flex-start;">
  3251. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#FF8C42; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">4</div>
  3252. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>辅线 2</strong>:JE6 · "江中老朋友出新品" · 激活米稀用户复购</div>
  3253. </div>
  3254. <div style="display:flex; gap:10px; align-items:flex-start;">
  3255. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#FF8C42; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">5</div>
  3256. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>禁忌</strong>:不要打"治愈""根治""7天见效"——这些触发反感情绪</div>
  3257. </div>
  3258. <div style="display:flex; gap:10px; align-items:flex-start;">
  3259. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#FF8C42; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">6</div>
  3260. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>视觉风格</strong>:温暖 · 日常 · 生活感 · 非医院白大褂风格</div>
  3261. </div>
  3262. </div>
  3263. </div>
  3264. </div>
  3265. </section>
  3266. <section class="report-section" id="kano-4" data-tone="purple" data-slide-num="21/42">
  3267. <div class="section-inner">
  3268. <div class="section-head rise-in">
  3269. <div class="section-eyebrow" style="color:#FF4D8D;">4.4 · JTBD Social</div>
  3270. <h2 class="text-h1"><span class="headline-anim">用户希望<span style="color:#FF4D8D;">被他人如何看待</span>? · 社会价值决定送礼 / 分享 / 自展示</span></h2>
  3271. <p class="section-sub">Social Job 决定"这瓶饮会不会被主动带到别人眼前"——送礼、分享、自展示,这三件事直接决定品类天花板。</p>
  3272. </div>
  3273. <div class="grid" style="grid-template-columns:repeat(2, 1fr); gap:18px; margin-top:24px;">
  3274. <div style="padding:22px 24px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #FF4D8D; border-radius:var(--radius-md);">
  3275. <div class="text-mono text-xs" style="color:#FF4D8D; letter-spacing:0.2em; margin-bottom:6px; font-weight:700;">JS1 · SOCIAL</div>
  3276. <h3 style="color:var(--text-1); font-size:1.14rem; font-weight:800; margin:0 0 12px;">送给父母 · 表达孝心</h3>
  3277. <div style="display:grid; grid-template-columns:1fr; gap:10px; margin-bottom:12px;">
  3278. <div style="padding:8px 12px; background:#FF4D8D08; border-radius:4px;">
  3279. <div class="text-mono text-xs" style="color:#FF4D8D; font-weight:700; letter-spacing:0.1em; margin-bottom:4px;">SCENE · 场景</div>
  3280. <div style="color:var(--text-1); font-size:0.82rem; line-height:1.6;">春节 · 中秋 · 父亲节 · 母亲节 · 看望父母</div>
  3281. </div>
  3282. <div style="padding:8px 12px; background:#FF6B6B08; border-radius:4px;">
  3283. <div class="text-mono text-xs" style="color:#FF6B6B; font-weight:700; letter-spacing:0.1em; margin-bottom:4px;">ALTERNATIVE · 替代品</div>
  3284. <div style="color:var(--text-2); font-size:0.82rem; line-height:1.6;">阿胶 · 燕窝 · 蜂蜜 · 枸杞</div>
  3285. </div>
  3286. <div style="padding:8px 12px; background:#2D9C5D08; border-radius:4px;">
  3287. <div class="text-mono text-xs" style="color:#2D9C5D; font-weight:700; letter-spacing:0.1em; margin-bottom:4px;">ADVANTAGE · 猴菇饮优势</div>
  3288. <div style="color:var(--text-1); font-size:0.82rem; line-height:1.6;">更日常 / 父母真能喝完 / 江中品牌父辈认可</div>
  3289. </div>
  3290. </div>
  3291. </div>
  3292. <div style="padding:22px 24px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #C96E3F; border-radius:var(--radius-md);">
  3293. <div class="text-mono text-xs" style="color:#C96E3F; letter-spacing:0.2em; margin-bottom:6px; font-weight:700;">JS2 · SOCIAL</div>
  3294. <h3 style="color:var(--text-1); font-size:1.14rem; font-weight:800; margin:0 0 12px;">送给领导 · 应酬体面</h3>
  3295. <div style="display:grid; grid-template-columns:1fr; gap:10px; margin-bottom:12px;">
  3296. <div style="padding:8px 12px; background:#C96E3F08; border-radius:4px;">
  3297. <div class="text-mono text-xs" style="color:#C96E3F; font-weight:700; letter-spacing:0.1em; margin-bottom:4px;">SCENE · 场景</div>
  3298. <div style="color:var(--text-1); font-size:0.82rem; line-height:1.6;">节前拜访 · 出差见面 · 项目结束答谢</div>
  3299. </div>
  3300. <div style="padding:8px 12px; background:#FF6B6B08; border-radius:4px;">
  3301. <div class="text-mono text-xs" style="color:#FF6B6B; font-weight:700; letter-spacing:0.1em; margin-bottom:4px;">ALTERNATIVE · 替代品</div>
  3302. <div style="color:var(--text-2); font-size:0.82rem; line-height:1.6;">茅台 · 保健品 · 土特产</div>
  3303. </div>
  3304. <div style="padding:8px 12px; background:#2D9C5D08; border-radius:4px;">
  3305. <div class="text-mono text-xs" style="color:#2D9C5D; font-weight:700; letter-spacing:0.1em; margin-bottom:4px;">ADVANTAGE · 猴菇饮优势</div>
  3306. <div style="color:var(--text-1); font-size:0.82rem; line-height:1.6;">健康 / 不俗气 / 跟&quot;胃好&quot;的关切话题自然衔接</div>
  3307. </div>
  3308. </div>
  3309. </div>
  3310. <div style="padding:22px 24px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #2D9C5D; border-radius:var(--radius-md);">
  3311. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.2em; margin-bottom:6px; font-weight:700;">JS3 · SOCIAL</div>
  3312. <h3 style="color:var(--text-1); font-size:1.14rem; font-weight:800; margin:0 0 12px;">办公室分享 · 团队福利</h3>
  3313. <div style="display:grid; grid-template-columns:1fr; gap:10px; margin-bottom:12px;">
  3314. <div style="padding:8px 12px; background:#2D9C5D08; border-radius:4px;">
  3315. <div class="text-mono text-xs" style="color:#2D9C5D; font-weight:700; letter-spacing:0.1em; margin-bottom:4px;">SCENE · 场景</div>
  3316. <div style="color:var(--text-1); font-size:0.82rem; line-height:1.6;">会议茶水 · 团队福利 · 行政年货 · 员工关怀</div>
  3317. </div>
  3318. <div style="padding:8px 12px; background:#FF6B6B08; border-radius:4px;">
  3319. <div class="text-mono text-xs" style="color:#FF6B6B; font-weight:700; letter-spacing:0.1em; margin-bottom:4px;">ALTERNATIVE · 替代品</div>
  3320. <div style="color:var(--text-2); font-size:0.82rem; line-height:1.6;">咖啡 · 奶茶 · 果篮 · 零食箱</div>
  3321. </div>
  3322. <div style="padding:8px 12px; background:#2D9C5D08; border-radius:4px;">
  3323. <div class="text-mono text-xs" style="color:#2D9C5D; font-weight:700; letter-spacing:0.1em; margin-bottom:4px;">ADVANTAGE · 猴菇饮优势</div>
  3324. <div style="color:var(--text-1); font-size:0.82rem; line-height:1.6;">健康又日常 / 全员都能喝 / 显示企业有温度</div>
  3325. </div>
  3326. </div>
  3327. </div>
  3328. <div style="padding:22px 24px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #8B5CF6; border-radius:var(--radius-md);">
  3329. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.2em; margin-bottom:6px; font-weight:700;">JS4 · SOCIAL</div>
  3330. <h3 style="color:var(--text-1); font-size:1.14rem; font-weight:800; margin:0 0 12px;">自我标签 · 生活方式</h3>
  3331. <div style="display:grid; grid-template-columns:1fr; gap:10px; margin-bottom:12px;">
  3332. <div style="padding:8px 12px; background:#8B5CF608; border-radius:4px;">
  3333. <div class="text-mono text-xs" style="color:#8B5CF6; font-weight:700; letter-spacing:0.1em; margin-bottom:4px;">SCENE · 场景</div>
  3334. <div style="color:var(--text-1); font-size:0.82rem; line-height:1.6;">朋友圈 · 小红书 · 办公桌展示 · 健身房水壶柜</div>
  3335. </div>
  3336. <div style="padding:8px 12px; background:#FF6B6B08; border-radius:4px;">
  3337. <div class="text-mono text-xs" style="color:#FF6B6B; font-weight:700; letter-spacing:0.1em; margin-bottom:4px;">ALTERNATIVE · 替代品</div>
  3338. <div style="color:var(--text-2); font-size:0.82rem; line-height:1.6;">气泡水 · 藻蓝蛋白 · Kombucha · 枸杞保温杯</div>
  3339. </div>
  3340. <div style="padding:8px 12px; background:#2D9C5D08; border-radius:4px;">
  3341. <div class="text-mono text-xs" style="color:#2D9C5D; font-weight:700; letter-spacing:0.1em; margin-bottom:4px;">ADVANTAGE · 猴菇饮优势</div>
  3342. <div style="color:var(--text-1); font-size:0.82rem; line-height:1.6;">中国品牌 / 养生派标签 / 不张扬但识别度高</div>
  3343. </div>
  3344. </div>
  3345. </div>
  3346. </div>
  3347. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:linear-gradient(135deg, #FF4D8D0E, transparent); border:1px solid #FF4D8D30; border-radius:var(--radius-md);">
  3348. <div class="text-mono text-xs" style="color:#FF4D8D; letter-spacing:0.2em; margin-bottom:12px; font-weight:700;">THEORY · 社会价值四层 · 从私人到公开的自我表达</div>
  3349. <div style="color:var(--text-1); font-size:0.95rem; line-height:1.72;">
  3350. JS1 <strong style="color:#FF4D8D;">亲密圈</strong>(父母):体现<em>孝心 + 健康关切</em>;<br/>
  3351. JS2 <strong style="color:#C96E3F;">职场圈</strong>(领导):体现<em>得体 + 有品味 + 关心对方</em>;<br/>
  3352. JS3 <strong style="color:#2D9C5D;">团队圈</strong>(办公室):体现<em>团队关怀 + 健康文化</em>;<br/>
  3353. JS4 <strong style="color:#8B5CF6;">自我展示</strong>(朋友圈):体现<em>养生派 + 自律 + 本土品牌支持</em>。<br/>
  3354. 这四层串起来 = 一条<strong>从私域到公域</strong>的社交扩散链,每一层都能成为 SKU 设计的出发点。</div>
  3355. </div>
  3356. <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;">
  3357. <div class="text-mono text-xs" style="color:#FF4D8D; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">SOCIAL VALUE · 礼品品类破局点</div>
  3358. <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;">送礼市场年规模超 5000 亿,但"送胃"品类是<strong style="color:#FF4D8D;">完全空白</strong>——阿胶太重传统、燕窝太贵不日常、保健品太油腻。</div>
  3359. <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">猴菇饮的机会是把"<strong style="color:#E8A87C;">送胃</strong>"建成一个新品类 —— 既有江中品牌背书,又有日常消耗属性,又不像药那样有病感。这是对标阿胶/燕窝但独占细分赛道的最佳切入点。</div>
  3360. </div>
  3361. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#FF4D8D08; border:1px solid #FF4D8D33; border-radius:var(--radius-md);">
  3362. <div class="text-mono text-xs" style="color:#FF4D8D; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">决策 · 社会价值驱动的 6 条动作</div>
  3363. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  3364. <div style="display:flex; gap:10px; align-items:flex-start;">
  3365. <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>
  3366. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>SKU 礼盒装</strong>:12 支 / 24 支两款规格 · 对标阿胶礼盒但轻便</div>
  3367. </div>
  3368. <div style="display:flex; gap:10px; align-items:flex-start;">
  3369. <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>
  3370. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>节日主题</strong>:春节"送父母的胃" · 中秋"送领导的礼" · 父亲节"给爸的心意"</div>
  3371. </div>
  3372. <div style="display:flex; gap:10px; align-items:flex-start;">
  3373. <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>
  3374. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>办公室装</strong>:24 支整箱 + 团购价格 + 企业定制封套</div>
  3375. </div>
  3376. <div style="display:flex; gap:10px; align-items:flex-start;">
  3377. <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>
  3378. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>KOL 组合</strong>:养生 KOL + 职场 KOL + 孝心博主三线联动</div>
  3379. </div>
  3380. <div style="display:flex; gap:10px; align-items:flex-start;">
  3381. <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;">5</div>
  3382. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>自展示路径</strong>:办公桌/健身房水杯架摆放 · 视觉设计考虑"被看见"</div>
  3383. </div>
  3384. <div style="display:flex; gap:10px; align-items:flex-start;">
  3385. <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;">6</div>
  3386. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>内容策略</strong>:送胃 > 送胃不如送江中猴菇饮 · 建品类关联心智</div>
  3387. </div>
  3388. </div>
  3389. </div>
  3390. </div>
  3391. </section>
  3392. <section class="report-section" id="kano-5" data-tone="purple" data-slide-num="22/42">
  3393. <div class="section-inner">
  3394. <div class="section-head rise-in">
  3395. <div class="section-eyebrow" style="color:#8B5CF6;">4.5 · 决策优先级映射</div>
  3396. <h2 class="text-h1"><span class="headline-anim">KANO × JTBD → <span style="color:#8B5CF6;">SKU / 话术 / 包装</span>决策矩阵</span></h2>
  3397. <p class="section-sub">把前 4 节的理论洞察折叠成一张操作矩阵:<strong>6 款 SKU × 3 阶段落地</strong>——直接指导立项书和预算。</p>
  3398. </div>
  3399. <div style="margin-top:24px; padding:24px 26px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md);">
  3400. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.18em; margin-bottom:16px; font-weight:700;">SKU 矩阵 · KANO × JTBD × 目标人群 × 话术</div>
  3401. <table style="width:100%; border-collapse:collapse; font-size:0.82rem;">
  3402. <thead>
  3403. <tr style="border-bottom:2px solid var(--border);">
  3404. <th style="text-align:left; padding:10px; color:var(--text-3); font-weight:700; font-size:0.72rem;">SKU</th>
  3405. <th style="text-align:center; padding:10px; color:var(--text-3); font-weight:700; font-size:0.72rem;">规格/价</th>
  3406. <th style="text-align:center; padding:10px; color:var(--text-3); font-weight:700; font-size:0.72rem;">优先级</th>
  3407. <th style="text-align:center; padding:10px; color:var(--text-3); font-weight:700; font-size:0.72rem;">KANO 类</th>
  3408. <th style="text-align:center; padding:10px; color:var(--text-3); font-weight:700; font-size:0.72rem;">JTBD 任务</th>
  3409. <th style="text-align:left; padding:10px; color:var(--text-3); font-weight:700; font-size:0.72rem;">目标人群</th>
  3410. <th style="text-align:left; padding:10px; color:var(--text-3); font-weight:700; font-size:0.72rem;">话术</th>
  3411. </tr>
  3412. </thead>
  3413. <tbody>
  3414. <tr style="border-bottom:1px solid var(--border); ">
  3415. <td style="padding:12px 10px; color:var(--text-1); font-weight:700;">SKU 1 · 日常主力装</td>
  3416. <td style="text-align:center; padding:12px 10px; color:var(--text-2); font-family:var(--font-mono); font-size:0.78rem;">300ml · 24 元</td>
  3417. <td style="text-align:center; padding:12px 10px;">
  3418. <span style="padding:3px 10px; background:#FF6B6B20; color:#FF6B6B; border-radius:10px; font-size:0.74rem; font-weight:800; font-family:var(--font-mono);">P0</span>
  3419. </td>
  3420. <td style="text-align:center; padding:12px 10px; color:var(--text-2); font-size:0.78rem;">必备 + 期望</td>
  3421. <td style="text-align:center; padding:12px 10px; color:#0085CA; font-size:0.78rem; font-weight:600;">JF1/JF3 · JE3/JE4</td>
  3422. <td style="padding:12px 10px; color:var(--text-1); font-size:0.78rem;">全人群 · 日常养护</td>
  3423. <td style="padding:12px 10px; color:#FF6B6B; font-size:0.8rem; font-weight:600; font-style:italic;">&quot;每天一瓶 · 温和养胃&quot;</td>
  3424. </tr>
  3425. <tr style="border-bottom:1px solid var(--border); background:rgba(0,0,0,0.02);">
  3426. <td style="padding:12px 10px; color:var(--text-1); font-weight:700;">SKU 2 · 应酬小支装</td>
  3427. <td style="text-align:center; padding:12px 10px; color:var(--text-2); font-family:var(--font-mono); font-size:0.78rem;">50ml · 8 元</td>
  3428. <td style="text-align:center; padding:12px 10px;">
  3429. <span style="padding:3px 10px; background:#FF6B6B20; color:#FF6B6B; border-radius:10px; font-size:0.74rem; font-weight:800; font-family:var(--font-mono);">P0</span>
  3430. </td>
  3431. <td style="text-align:center; padding:12px 10px; color:var(--text-2); font-size:0.78rem;">兴奋</td>
  3432. <td style="text-align:center; padding:12px 10px; color:#0085CA; font-size:0.78rem; font-weight:600;">JF2 · JE2</td>
  3433. <td style="padding:12px 10px; color:var(--text-1); font-size:0.78rem;">25-45 应酬男</td>
  3434. <td style="padding:12px 10px; color:#FF6B6B; font-size:0.8rem; font-weight:600; font-style:italic;">&quot;饭前一支 · 应酬不怕胃&quot;</td>
  3435. </tr>
  3436. <tr style="border-bottom:1px solid var(--border); ">
  3437. <td style="padding:12px 10px; color:var(--text-1); font-weight:700;">SKU 3 · 糖友无糖版</td>
  3438. <td style="text-align:center; padding:12px 10px; color:var(--text-2); font-family:var(--font-mono); font-size:0.78rem;">300ml · 28 元</td>
  3439. <td style="text-align:center; padding:12px 10px;">
  3440. <span style="padding:3px 10px; background:#FF8C4220; color:#FF8C42; border-radius:10px; font-size:0.74rem; font-weight:800; font-family:var(--font-mono);">P1</span>
  3441. </td>
  3442. <td style="text-align:center; padding:12px 10px; color:var(--text-2); font-size:0.78rem;">兴奋</td>
  3443. <td style="text-align:center; padding:12px 10px; color:#0085CA; font-size:0.78rem; font-weight:600;">JF3 · JE4</td>
  3444. <td style="padding:12px 10px; color:var(--text-1); font-size:0.78rem;">糖尿病+胃病</td>
  3445. <td style="padding:12px 10px; color:#FF8C42; font-size:0.8rem; font-weight:600; font-style:italic;">&quot;糖友也能喝 · 木糖醇配方&quot;</td>
  3446. </tr>
  3447. <tr style="border-bottom:1px solid var(--border); background:rgba(0,0,0,0.02);">
  3448. <td style="padding:12px 10px; color:var(--text-1); font-weight:700;">SKU 4 · 送胃礼盒</td>
  3449. <td style="text-align:center; padding:12px 10px; color:var(--text-2); font-family:var(--font-mono); font-size:0.78rem;">12/24 支 · 128/248 元</td>
  3450. <td style="text-align:center; padding:12px 10px;">
  3451. <span style="padding:3px 10px; background:#FF8C4220; color:#FF8C42; border-radius:10px; font-size:0.74rem; font-weight:800; font-family:var(--font-mono);">P1</span>
  3452. </td>
  3453. <td style="text-align:center; padding:12px 10px; color:var(--text-2); font-size:0.78rem;">兴奋</td>
  3454. <td style="text-align:center; padding:12px 10px; color:#0085CA; font-size:0.78rem; font-weight:600;">JS1/JS2/JS3</td>
  3455. <td style="padding:12px 10px; color:var(--text-1); font-size:0.78rem;">节日送礼 · 办公室</td>
  3456. <td style="padding:12px 10px; color:#FF8C42; font-size:0.8rem; font-weight:600; font-style:italic;">&quot;送胃 · 比送茶更贴心&quot;</td>
  3457. </tr>
  3458. <tr style="border-bottom:1px solid var(--border); ">
  3459. <td style="padding:12px 10px; color:var(--text-1); font-weight:700;">SKU 5 · 差旅/熬夜装</td>
  3460. <td style="text-align:center; padding:12px 10px; color:var(--text-2); font-family:var(--font-mono); font-size:0.78rem;">50ml × 6 盒装</td>
  3461. <td style="text-align:center; padding:12px 10px;">
  3462. <span style="padding:3px 10px; background:#2D9C5D20; color:#2D9C5D; border-radius:10px; font-size:0.74rem; font-weight:800; font-family:var(--font-mono);">P2</span>
  3463. </td>
  3464. <td style="text-align:center; padding:12px 10px; color:var(--text-2); font-size:0.78rem;">期望 + 兴奋</td>
  3465. <td style="text-align:center; padding:12px 10px; color:#0085CA; font-size:0.78rem; font-weight:600;">JF5/JF6 · JE2</td>
  3466. <td style="padding:12px 10px; color:var(--text-1); font-size:0.78rem;">差旅 / 熬夜党</td>
  3467. <td style="padding:12px 10px; color:#2D9C5D; font-size:0.8rem; font-weight:600; font-style:italic;">&quot;随身一盒 · 胃在路上&quot;</td>
  3468. </tr>
  3469. <tr style="border-bottom:1px solid var(--border); background:rgba(0,0,0,0.02);">
  3470. <td style="padding:12px 10px; color:var(--text-1); font-weight:700;">SKU 6 · PPI 减量伴侣装</td>
  3471. <td style="text-align:center; padding:12px 10px; color:var(--text-2); font-family:var(--font-mono); font-size:0.78rem;">90天组合 · 600 元</td>
  3472. <td style="text-align:center; padding:12px 10px;">
  3473. <span style="padding:3px 10px; background:#2D9C5D20; color:#2D9C5D; border-radius:10px; font-size:0.74rem; font-weight:800; font-family:var(--font-mono);">P2</span>
  3474. </td>
  3475. <td style="text-align:center; padding:12px 10px; color:var(--text-2); font-size:0.78rem;">兴奋 · 护城河</td>
  3476. <td style="text-align:center; padding:12px 10px; color:#0085CA; font-size:0.78rem; font-weight:600;">JF1/JF3 · JE1</td>
  3477. <td style="padding:12px 10px; color:var(--text-1); font-size:0.78rem;">PPI 减量人群</td>
  3478. <td style="padding:12px 10px; color:#2D9C5D; font-size:0.8rem; font-weight:600; font-style:italic;">&quot;减量路上 · 每天有伴&quot;</td>
  3479. </tr>
  3480. </tbody>
  3481. </table>
  3482. </div>
  3483. <div class="section-head rise-in" style="margin-top:32px; margin-bottom:18px;">
  3484. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.18em; font-weight:700;">3 阶段落地路径 · 5000 万 → 5 亿</div>
  3485. </div>
  3486. <div class="grid" style="grid-template-columns:repeat(3, 1fr); gap:18px;">
  3487. <div style="padding:22px 24px; background:var(--bg-1); border:1px solid var(--border); border-top:4px solid #FF6B6B; border-radius:var(--radius-md);">
  3488. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.2em; margin-bottom:6px; font-weight:700;">Y1 · 0-12 月</div>
  3489. <h3 style="color:var(--text-1); font-size:1.16rem; font-weight:800; margin:0 0 14px;">建根据地</h3>
  3490. <ul style="color:var(--text-1); font-size:0.86rem; line-height:1.64; padding-left:18px; margin:0; list-style:disc;">
  3491. <li style="margin-bottom:6px;">拿下 OTC 批文(若 2 季度内未下 → 阶段失败)</li><li style="margin-bottom:6px;">上线 SKU 1 日常主力装 + SKU 2 应酬装</li><li style="margin-bottom:6px;">覆盖 2000 家药店 + 旗舰店 + 抖音直播</li><li style="margin-bottom:6px;">目标:5000 万销售额 · 用户池 30 万</li>
  3492. </ul>
  3493. </div>
  3494. <div style="padding:22px 24px; background:var(--bg-1); border:1px solid var(--border); border-top:4px solid #FF8C42; border-radius:var(--radius-md);">
  3495. <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.2em; margin-bottom:6px; font-weight:700;">Y2 · 12-24 月</div>
  3496. <h3 style="color:var(--text-1); font-size:1.16rem; font-weight:800; margin:0 0 14px;">扩场景</h3>
  3497. <ul style="color:var(--text-1); font-size:0.86rem; line-height:1.64; padding-left:18px; margin:0; list-style:disc;">
  3498. <li style="margin-bottom:6px;">上线 SKU 3 糖友版 + SKU 4 礼盒装</li><li style="margin-bottom:6px;">覆盖 8000 家药店 + 全国 TP 布局</li><li style="margin-bottom:6px;">KOL × 养胃社群 × 医生合作</li><li style="margin-bottom:6px;">目标:1.5 亿销售额 · 用户池 100 万</li>
  3499. </ul>
  3500. </div>
  3501. <div style="padding:22px 24px; background:var(--bg-1); border:1px solid var(--border); border-top:4px solid #2D9C5D; border-radius:var(--radius-md);">
  3502. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.2em; margin-bottom:6px; font-weight:700;">Y3 · 24-36 月</div>
  3503. <h3 style="color:var(--text-1); font-size:1.16rem; font-weight:800; margin:0 0 14px;">品类升级</h3>
  3504. <ul style="color:var(--text-1); font-size:0.86rem; line-height:1.64; padding-left:18px; margin:0; list-style:disc;">
  3505. <li style="margin-bottom:6px;">上线 SKU 5 差旅/熬夜装 + SKU 6 PPI 减量组合</li><li style="margin-bottom:6px;">覆盖 15000 家药店 + 进入医保话题</li><li style="margin-bottom:6px;">建立&quot;猴菇饮品类&quot;心智 · 开设专区</li><li style="margin-bottom:6px;">目标:5 亿销售额 · 用户池 300 万</li>
  3506. </ul>
  3507. </div>
  3508. </div>
  3509. <div class="rise-in" style="padding:28px 32px; background:linear-gradient(135deg, #8B5CF612, #8B5CF604); border-left:4px solid #8B5CF6; border-radius:var(--radius-md); margin-bottom:32px;">
  3510. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">PRIORITY LOCK · 优先级锁定</div>
  3511. <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;">Batch 2-4 的 VOC + KANO + JTBD 三重验证 → 优先级已经完全收敛:<strong style="color:#FF6B6B;">P0 SKU 1+2</strong>(日常 + 应酬)是立项第一天就要做的;<strong style="color:#FF8C42;">P1 SKU 3+4</strong>(糖友 + 礼盒)是 Y2 扩盘的弹药;<strong style="color:#2D9C5D;">P2 SKU 5+6</strong>(差旅 + PPI 组合)是 Y3 升级品类心智的利器。</div>
  3512. <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">按这个顺序投放资源 = 按 VOC 痛点浓度投放资源 = 按失败风险最低路径投放资源。<strong style="color:#8B5CF6;">这是 Ch4 理论工具最终输出的可执行结论</strong>。</div>
  3513. </div>
  3514. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#8B5CF608; border:1px solid #8B5CF633; border-radius:var(--radius-md);">
  3515. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">最终决策 · 6 条执行锁定</div>
  3516. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  3517. <div style="display:flex; gap:10px; align-items:flex-start;">
  3518. <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>
  3519. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>立项书 P0 锁定</strong>:SKU 1 + SKU 2 必须在 Y1 内上市,落地优先级最高</div>
  3520. </div>
  3521. <div style="display:flex; gap:10px; align-items:flex-start;">
  3522. <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>
  3523. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>KPI 设置</strong>:Y1 结束看 5000 万目标达成率 + 用户池 30 万</div>
  3524. </div>
  3525. <div style="display:flex; gap:10px; align-items:flex-start;">
  3526. <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>
  3527. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>门槛条件</strong>:OTC 批文 2 季度内拿下 · 否则触发回退预案</div>
  3528. </div>
  3529. <div style="display:flex; gap:10px; align-items:flex-start;">
  3530. <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>
  3531. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>包装一致性</strong>:SKU 1/3/4 统一"猴菇饮系列"视觉 · SKU 2/5 小支独立设计</div>
  3532. </div>
  3533. <div style="display:flex; gap:10px; align-items:flex-start;">
  3534. <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;">5</div>
  3535. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>Y2/Y3 门票</strong>:Y1 达成 80%+ 才解锁 Y2 上新 · Y2 达成 80%+ 才解锁 Y3</div>
  3536. </div>
  3537. <div style="display:flex; gap:10px; align-items:flex-start;">
  3538. <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;">6</div>
  3539. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>终极判定</strong>:5 亿目标 = 成 · 2-3 亿 = 良 · < 1 亿 = 回退食品路径</div>
  3540. </div>
  3541. </div>
  3542. </div>
  3543. </div>
  3544. </section>
  3545. <section class="report-section" id="scene" data-tone="orange" data-slide-num="23/42" style="justify-content:center;">
  3546. <div class="section-inner">
  3547. <div class="rise-in" style="text-align:center; margin-bottom:40px;">
  3548. <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>
  3549. <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.3em; margin-top:-2rem; font-weight:700;">CHAPTER 5 · SCENE MAP</div>
  3550. </div>
  3551. <div class="rise-in" style="text-align:center; margin-bottom:36px;">
  3552. <div style="font-size:3.2rem; margin-bottom:14px;">🗺</div>
  3553. <h2 class="text-poster" style="font-size:clamp(2.4rem, 5.2vw, 4.2rem); color:var(--text-1); letter-spacing:-0.025em;">场景三元素地图</h2>
  3554. <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>
  3555. </div>
  3556. <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);">
  3557. <p style="color:var(--text-1); font-size:1.08rem; line-height:1.82;">早餐场景已被米稀占满。液体饮(快速 / 便携 / 单支)的独占场景在哪里?<strong style="color:#FF8C42;">时间 × 空间 × 触发事件</strong> 三元素交叉,定位出 <strong>应酬应急 / 熬夜前后 / 办公室节奏 / 差旅术后</strong> 4 条米稀触不到的独占场景 —— 每个场景都有对应的人群、话术、触发物。</p>
  3558. </div>
  3559. <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;">
  3560. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #FF8C4222; border-radius:var(--radius-sm); text-align:center;">
  3561. <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">5.1</div>
  3562. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">场景#1·应酬应急·液体快速</div>
  3563. </div>
  3564. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #FF8C4222; border-radius:var(--radius-sm); text-align:center;">
  3565. <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">5.2</div>
  3566. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">场景#2·熬夜前后·便携单支</div>
  3567. </div>
  3568. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #FF8C4222; border-radius:var(--radius-sm); text-align:center;">
  3569. <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">5.3</div>
  3570. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">场景#3·办公室养护·节奏断续</div>
  3571. </div>
  3572. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #FF8C4222; border-radius:var(--radius-sm); text-align:center;">
  3573. <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">5.4</div>
  3574. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">场景#4·差旅/术后·无菜谱无辅料</div>
  3575. </div>
  3576. </div>
  3577. <div class="fade-up" style="margin-top:48px; text-align:center;">
  3578. <div class="text-mono text-xs" style="color:var(--text-3); letter-spacing:0.3em;">SCROLL DOWN · 4 个子章 · 理论 × 实证 × 机会</div>
  3579. </div>
  3580. </div>
  3581. </section>
  3582. <section class="report-section" id="scene-1" data-tone="orange" data-slide-num="24/42">
  3583. <div class="section-inner">
  3584. <div class="section-head rise-in">
  3585. <div class="section-eyebrow" style="color:#FF8C42;">5.1 · 场景 #1 · BUSINESS DINING</div>
  3586. <h2 class="text-h1"><span class="headline-anim"><span style="color:#FF8C42;">应酬应急</span> · 液体快速 · 饭前饭后 · 解救一顿油腻</span></h2>
  3587. <p class="section-sub">饭局前 10 分钟打底 / 饭后 30 分钟解救 · 这个场景是<strong>米稀完全无法介入</strong>的 — 液体 + 便携 + 即饮是三道必答题。</p>
  3588. </div>
  3589. <div style="margin-top:24px; padding:26px 30px; background:linear-gradient(135deg, #FF8C4210, transparent); border-left:4px solid #FF8C42; border-radius:var(--radius-md);">
  3590. <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">场景三元素 · TIME × SPACE × TRIGGER</div>
  3591. <div class="grid" style="grid-template-columns:repeat(3, 1fr); gap:18px;">
  3592. <div style="padding:18px 20px; background:var(--bg-1); border-radius:6px; border-top:3px solid #FF8C42;">
  3593. <div style="display:flex; align-items:center; gap:8px; margin-bottom:10px;">
  3594. <div style="font-size:1.4rem;">⏰</div>
  3595. <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.15em; font-weight:700;">TIME · 时间</div>
  3596. </div>
  3597. <div style="color:var(--text-1); font-size:0.92rem; line-height:1.72;">17:30-22:00(饭局前后)· 凌晨 1-3 点(应酬完睡前)</div>
  3598. </div>
  3599. <div style="padding:18px 20px; background:var(--bg-1); border-radius:6px; border-top:3px solid #FF8C42;">
  3600. <div style="display:flex; align-items:center; gap:8px; margin-bottom:10px;">
  3601. <div style="font-size:1.4rem;">📍</div>
  3602. <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.15em; font-weight:700;">SPACE · 空间</div>
  3603. </div>
  3604. <div style="color:var(--text-1); font-size:0.92rem; line-height:1.72;">饭店洗手间 / 包厢 / 车上 / 家门口 / 酒店房间 / 出租车</div>
  3605. </div>
  3606. <div style="padding:18px 20px; background:var(--bg-1); border-radius:6px; border-top:3px solid #FF8C42;">
  3607. <div style="display:flex; align-items:center; gap:8px; margin-bottom:10px;">
  3608. <div style="font-size:1.4rem;">⚡</div>
  3609. <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.15em; font-weight:700;">TRIGGER · 触发</div>
  3610. </div>
  3611. <div style="color:var(--text-1); font-size:0.92rem; line-height:1.72;">马上要赴酒局 / 吃完油腻胃胀 / 饭后返程胃反酸 / 凌晨睡不着</div>
  3612. </div>
  3613. </div>
  3614. </div>
  3615. <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);">
  3616. <div style="text-align:center;">
  3617. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#FF8C42; letter-spacing:-0.02em;">3-5亿</div>
  3618. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">应酬人群规模</div>
  3619. </div>
  3620. <div style="text-align:center;">
  3621. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#FF6B6B; letter-spacing:-0.02em;">68%</div>
  3622. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">中国商务人士每月应酬 &gt;5 次</div>
  3623. </div>
  3624. <div style="text-align:center;">
  3625. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#FF6B6B; letter-spacing:-0.02em;">82%</div>
  3626. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">应酬后明确有&quot;胃不适&quot;体验</div>
  3627. </div>
  3628. <div style="text-align:center;">
  3629. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#FF8C42; letter-spacing:-0.02em;">28 条</div>
  3630. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">应酬场景相关 VOC</div>
  3631. </div>
  3632. </div>
  3633. <div class="grid" style="grid-template-columns:1.3fr 1fr; gap:24px; margin-top:28px;">
  3634. <div>
  3635. <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">VOC 证据 · 场景原声</div>
  3636. <div style="display:flex; flex-direction:column; gap:12px;">
  3637. <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;">
  3638. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  3639. <div style="display:flex; align-items:center; gap:6px;">
  3640. <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#FF500022; color:#FF5000; font-size:0.62rem; font-weight:700;">淘</span>
  3641. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">二胎妈妈_191</span>
  3642. <span style="color:var(--text-3); font-size:0.68rem;">· 安徽</span>
  3643. </div>
  3644. <div style="display:flex; align-items:center; gap:6px;">
  3645. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  3646. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥122</span>
  3647. <span style="padding:1px 6px; background:#E8A87C18; color:#E8A87C; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;" title="电商评论区中性评价+小红书吐槽笔记">◈模式</span>
  3648. </div>
  3649. </div>
  3650. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"应酬回来胃难受 想冲一袋米稀 结果冲不开 太慢了急需"</div>
  3651. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  3652. <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>
  3653. </div>
  3654. </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;">
  3655. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  3656. <div style="display:flex; align-items:center; gap:6px;">
  3657. <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>
  3658. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">匿名</span>
  3659. <span style="color:var(--text-3); font-size:0.68rem;">· —</span>
  3660. </div>
  3661. <div style="display:flex; align-items:center; gap:6px;">
  3662. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  3663. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥0</span>
  3664. <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>
  3665. </div>
  3666. </div>
  3667. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"管用?给朋友买个,他应酬太多"</div>
  3668. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  3669. <span style="padding:2px 8px; background:#FF8C4212; color:#FF8C42; border-radius:3px; font-size:0.68rem; font-weight:600;">应酬场景</span>
  3670. </div>
  3671. </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;">
  3672. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  3673. <div style="display:flex; align-items:center; gap:6px;">
  3674. <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>
  3675. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">匿名</span>
  3676. <span style="color:var(--text-3); font-size:0.68rem;">· —</span>
  3677. </div>
  3678. <div style="display:flex; align-items:center; gap:6px;">
  3679. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  3680. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥0</span>
  3681. <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>
  3682. </div>
  3683. </div>
  3684. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"什么工作呀 还要这么应酬"</div>
  3685. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  3686. <span style="padding:2px 8px; background:#FF8C4212; color:#FF8C42; border-radius:3px; font-size:0.68rem; font-weight:600;">应酬场景</span>
  3687. </div>
  3688. </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;">
  3689. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  3690. <div style="display:flex; align-items:center; gap:6px;">
  3691. <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>
  3692. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">应酬达人_489</span>
  3693. <span style="color:var(--text-3); font-size:0.68rem;">· 重庆</span>
  3694. </div>
  3695. <div style="display:flex; align-items:center; gap:6px;">
  3696. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  3697. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥524</span>
  3698. <span style="padding:1px 6px; background:#E8A87C18; color:#E8A87C; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;" title="熬夜党自救笔记+打工人养胃话题帖主题">◈模式</span>
  3699. </div>
  3700. </div>
  3701. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"打工人的胃是熬出来的 我需要的是熬夜前一支熬夜后一支的习惯"</div>
  3702. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  3703. <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>
  3704. </div>
  3705. </div>
  3706. </div>
  3707. </div>
  3708. <div>
  3709. <div style="padding:22px 24px; background:#FF8C420A; border:1px solid #FF8C4233; border-radius:var(--radius-md);">
  3710. <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">目标人群 · PERSONA</div>
  3711. <div style="display:flex; flex-direction:column; gap:12px;">
  3712. <div style="padding:12px 14px; background:var(--bg-1); border-radius:6px; border-left:3px solid #FF8C42;">
  3713. <div style="color:var(--text-1); font-size:0.92rem; font-weight:700; margin-bottom:4px;">销售总监 · 男 38 岁</div>
  3714. <div style="color:var(--text-2); font-size:0.78rem; line-height:1.55;">每月饭局 &gt;10 次 · 胃药不想吃 · 希望有个温和的&quot;应酬装&quot;放车里</div>
  3715. </div>
  3716. <div style="padding:12px 14px; background:var(--bg-1); border-radius:6px; border-left:3px solid #FF8C42;">
  3717. <div style="color:var(--text-1); font-size:0.92rem; font-weight:700; margin-bottom:4px;">投行分析师 · 男 29 岁</div>
  3718. <div style="color:var(--text-2); font-size:0.78rem; line-height:1.55;">陪客户吃饭 · 酒喝半斤 · 凌晨打车回家路上胃烧得难受</div>
  3719. </div>
  3720. <div style="padding:12px 14px; background:var(--bg-1); border-radius:6px; border-left:3px solid #FF8C42;">
  3721. <div style="color:var(--text-1); font-size:0.92rem; font-weight:700; margin-bottom:4px;">家庭主妇 · 女 45 岁</div>
  3722. <div style="color:var(--text-2); font-size:0.78rem; line-height:1.55;">逢年过节宴请亲友 · 自己舍不得吃 · 但清洗收拾后半夜胃空绞痛</div>
  3723. </div>
  3724. </div>
  3725. </div>
  3726. <div style="margin-top:14px; padding:18px 20px; background:#2D9C5D0A; border:1px solid #2D9C5D33; border-radius:var(--radius-md);">
  3727. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.2em; margin-bottom:10px; font-weight:700;">SKU FIT · 产品配置</div>
  3728. <div style="color:var(--text-1); font-size:0.88rem; line-height:1.72;"><strong>SKU 2 · 应酬小支装 50ml</strong> · 铝膜包 · 饭前饭后各一支 · 零售 8 元/支 · 车里/包里常备 · 渠道:社区药店 + 机场 + 便利店</div>
  3729. </div>
  3730. </div>
  3731. </div>
  3732. <div style="margin-top:28px; padding:24px 28px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md);">
  3733. <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.2em; margin-bottom:16px; font-weight:700;">NARRATIVE · 场景脚本 · 用户一日经历</div>
  3734. <div style="display:flex; gap:16px; flex-wrap:wrap;">
  3735. <div style="flex:1; min-width:220px; padding:14px 16px; background:#FF8C4206; border-radius:6px; border-left:3px solid #FF8C42;">
  3736. <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.12em; margin-bottom:6px; font-weight:700;">STEP 1 · 17:00</div>
  3737. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.6; font-weight:600; margin-bottom:4px;">收到晚饭应酬通知</div>
  3738. <div style="color:var(--text-3); font-size:0.76rem; font-style:italic;">内心有点抗拒:又要喝白酒吃油腻</div>
  3739. </div>
  3740. <div style="flex:1; min-width:220px; padding:14px 16px; background:#FF8C4206; border-radius:6px; border-left:3px solid #FF8C42;">
  3741. <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.12em; margin-bottom:6px; font-weight:700;">STEP 2 · 18:30</div>
  3742. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.6; font-weight:600; margin-bottom:4px;">饭局开始前 10 分钟 · 洗手间喝一支猴菇饮</div>
  3743. <div style="color:var(--text-3); font-size:0.76rem; font-style:italic;">&quot;先铺一层 · 让胃别空着被酒精打&quot;</div>
  3744. </div>
  3745. <div style="flex:1; min-width:220px; padding:14px 16px; background:#FF8C4206; border-radius:6px; border-left:3px solid #FF8C42;">
  3746. <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.12em; margin-bottom:6px; font-weight:700;">STEP 3 · 21:00</div>
  3747. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.6; font-weight:600; margin-bottom:4px;">饭局结束 · 胃胀油腻烧心</div>
  3748. <div style="color:var(--text-3); font-size:0.76rem; font-style:italic;">&quot;回家前再来一支 · 让胃好受点&quot;</div>
  3749. </div>
  3750. <div style="flex:1; min-width:220px; padding:14px 16px; background:#FF8C4206; border-radius:6px; border-left:3px solid #FF8C42;">
  3751. <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.12em; margin-bottom:6px; font-weight:700;">STEP 4 · 22:30</div>
  3752. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.6; font-weight:600; margin-bottom:4px;">到家刷牙准备睡觉</div>
  3753. <div style="color:var(--text-3); font-size:0.76rem; font-style:italic;">&quot;比起吃胃药 · 喝饮心理压力小很多&quot;</div>
  3754. </div>
  3755. </div>
  3756. </div>
  3757. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#FF8C4208; border:1px solid #FF8C4233; border-radius:var(--radius-md);">
  3758. <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">落地决策 · 场景 #1 BUSINESS DINING</div>
  3759. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  3760. <div style="display:flex; gap:10px; align-items:flex-start;">
  3761. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#FF8C42; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">1</div>
  3762. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>SKU 形态锁定</strong>:50ml 小支铝膜装 · 开盖即饮 · 背包/上衣口袋可携</div>
  3763. </div>
  3764. <div style="display:flex; gap:10px; align-items:flex-start;">
  3765. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#FF8C42; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">2</div>
  3766. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>渠道优先</strong>:机场 / 高铁站 / 商务酒店 / 社区药店 · 避开超市</div>
  3767. </div>
  3768. <div style="display:flex; gap:10px; align-items:flex-start;">
  3769. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#FF8C42; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">3</div>
  3770. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>话术锁定</strong>:「饭前一支 · 应酬不怕胃」· 不提"酒精"规避监管</div>
  3771. </div>
  3772. <div style="display:flex; gap:10px; align-items:flex-start;">
  3773. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#FF8C42; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">4</div>
  3774. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>KOL 组合</strong>:职场 / 财经 / 销售培训垂类 · 真实应酬人群口播</div>
  3775. </div>
  3776. <div style="display:flex; gap:10px; align-items:flex-start;">
  3777. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#FF8C42; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">5</div>
  3778. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>包装视觉</strong>:沉稳金属色 + 手感重 · 对标尊尼获加小酒瓶 · 不要糖果色</div>
  3779. </div>
  3780. <div style="display:flex; gap:10px; align-items:flex-start;">
  3781. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#FF8C42; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">6</div>
  3782. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>交叉引流</strong>:茅台/白酒货架附近陈列 · 建立"应酬搭档"联想</div>
  3783. </div>
  3784. </div>
  3785. </div>
  3786. </div>
  3787. </section>
  3788. <section class="report-section" id="scene-2" data-tone="orange" data-slide-num="25/42">
  3789. <div class="section-inner">
  3790. <div class="section-head rise-in">
  3791. <div class="section-eyebrow" style="color:#0085CA;">5.2 · 场景 #2 · LATE NIGHT</div>
  3792. <h2 class="text-h1"><span class="headline-anim"><span style="color:#0085CA;">熬夜前后</span> · 办公桌常备 · 项目周期长 · 胃空咖啡伤胃</span></h2>
  3793. <p class="section-sub">熬夜党的胃 = 空胃咖啡 + 凌晨外卖 + 压力反酸 · 他们不买胃药(怕依赖),但<strong>愿意囤一瓶"熬夜续命饮"</strong>在工位。</p>
  3794. </div>
  3795. <div style="margin-top:24px; padding:26px 30px; background:linear-gradient(135deg, #0085CA10, transparent); border-left:4px solid #0085CA; border-radius:var(--radius-md);">
  3796. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">场景三元素 · TIME × SPACE × TRIGGER</div>
  3797. <div class="grid" style="grid-template-columns:repeat(3, 1fr); gap:18px;">
  3798. <div style="padding:18px 20px; background:var(--bg-1); border-radius:6px; border-top:3px solid #0085CA;">
  3799. <div style="display:flex; align-items:center; gap:8px; margin-bottom:10px;">
  3800. <div style="font-size:1.4rem;">⏰</div>
  3801. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.15em; font-weight:700;">TIME · 时间</div>
  3802. </div>
  3803. <div style="color:var(--text-1); font-size:0.92rem; line-height:1.72;">21:00-03:00(夜间工作 / 直播 / 陪伴孩子 / 学生冲刺)</div>
  3804. </div>
  3805. <div style="padding:18px 20px; background:var(--bg-1); border-radius:6px; border-top:3px solid #0085CA;">
  3806. <div style="display:flex; align-items:center; gap:8px; margin-bottom:10px;">
  3807. <div style="font-size:1.4rem;">📍</div>
  3808. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.15em; font-weight:700;">SPACE · 空间</div>
  3809. </div>
  3810. <div style="color:var(--text-1); font-size:0.92rem; line-height:1.72;">办公室工位 / 书桌 / 直播间 / 车间 / 医院值班室</div>
  3811. </div>
  3812. <div style="padding:18px 20px; background:var(--bg-1); border-radius:6px; border-top:3px solid #0085CA;">
  3813. <div style="display:flex; align-items:center; gap:8px; margin-bottom:10px;">
  3814. <div style="font-size:1.4rem;">⚡</div>
  3815. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.15em; font-weight:700;">TRIGGER · 触发</div>
  3816. </div>
  3817. <div style="color:var(--text-1); font-size:0.92rem; line-height:1.72;">连续加班 > 2 小时 / 喝完第 2 杯咖啡 / 胃空绞痛 / 外卖等不来</div>
  3818. </div>
  3819. </div>
  3820. </div>
  3821. <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);">
  3822. <div style="text-align:center;">
  3823. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#0085CA; letter-spacing:-0.02em;">3 亿</div>
  3824. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">经常熬夜 &gt; 2 次/周</div>
  3825. </div>
  3826. <div style="text-align:center;">
  3827. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#FF6B6B; letter-spacing:-0.02em;">76%</div>
  3828. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">熬夜伴随胃部不适</div>
  3829. </div>
  3830. <div style="text-align:center;">
  3831. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#FF8C42; letter-spacing:-0.02em;">42%</div>
  3832. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">熬夜党买过胃药/保健品</div>
  3833. </div>
  3834. <div style="text-align:center;">
  3835. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#0085CA; letter-spacing:-0.02em;">34 条</div>
  3836. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">熬夜场景相关 VOC</div>
  3837. </div>
  3838. </div>
  3839. <div class="grid" style="grid-template-columns:1.3fr 1fr; gap:24px; margin-top:28px;">
  3840. <div>
  3841. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">VOC 证据 · 场景原声</div>
  3842. <div style="display:flex; flex-direction:column; gap:12px;">
  3843. <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;">
  3844. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  3845. <div style="display:flex; align-items:center; gap:6px;">
  3846. <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>
  3847. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">匿名</span>
  3848. <span style="color:var(--text-3); font-size:0.68rem;">· —</span>
  3849. </div>
  3850. <div style="display:flex; align-items:center; gap:6px;">
  3851. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  3852. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥70</span>
  3853. <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>
  3854. </div>
  3855. </div>
  3856. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"不是主动熬夜,是被动失眠入睡困难"</div>
  3857. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  3858. <span style="padding:2px 8px; background:#0085CA12; color:#0085CA; border-radius:3px; font-size:0.68rem; font-weight:600;">熬夜场景</span>
  3859. </div>
  3860. </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;">
  3861. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  3862. <div style="display:flex; align-items:center; gap:6px;">
  3863. <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>
  3864. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">匿名</span>
  3865. <span style="color:var(--text-3); font-size:0.68rem;">· 福建</span>
  3866. </div>
  3867. <div style="display:flex; align-items:center; gap:6px;">
  3868. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  3869. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥858</span>
  3870. <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>
  3871. </div>
  3872. </div>
  3873. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"我甚至初一就开始熬夜,现在也快22了"</div>
  3874. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  3875. <span style="padding:2px 8px; background:#0085CA12; color:#0085CA; border-radius:3px; font-size:0.68rem; font-weight:600;">熬夜场景</span>
  3876. </div>
  3877. </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;">
  3878. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  3879. <div style="display:flex; align-items:center; gap:6px;">
  3880. <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>
  3881. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">匿名</span>
  3882. <span style="color:var(--text-3); font-size:0.68rem;">· 河北</span>
  3883. </div>
  3884. <div style="display:flex; align-items:center; gap:6px;">
  3885. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  3886. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥70</span>
  3887. <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>
  3888. </div>
  3889. </div>
  3890. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"对不起我的心脏,我不会再熬夜了"</div>
  3891. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  3892. <span style="padding:2px 8px; background:#0085CA12; color:#0085CA; border-radius:3px; font-size:0.68rem; font-weight:600;">熬夜场景</span>
  3893. </div>
  3894. </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;">
  3895. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  3896. <div style="display:flex; align-items:center; gap:6px;">
  3897. <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>
  3898. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">匿名</span>
  3899. <span style="color:var(--text-3); font-size:0.68rem;">· —</span>
  3900. </div>
  3901. <div style="display:flex; align-items:center; gap:6px;">
  3902. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  3903. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥421</span>
  3904. <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>
  3905. </div>
  3906. </div>
  3907. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"我错了我再也不通宵了。"</div>
  3908. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  3909. <span style="padding:2px 8px; background:#0085CA12; color:#0085CA; border-radius:3px; font-size:0.68rem; font-weight:600;">熬夜场景</span>
  3910. </div>
  3911. </div>
  3912. </div>
  3913. </div>
  3914. <div>
  3915. <div style="padding:22px 24px; background:#0085CA0A; border:1px solid #0085CA33; border-radius:var(--radius-md);">
  3916. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">目标人群 · PERSONA</div>
  3917. <div style="display:flex; flex-direction:column; gap:12px;">
  3918. <div style="padding:12px 14px; background:var(--bg-1); border-radius:6px; border-left:3px solid #0085CA;">
  3919. <div style="color:var(--text-1); font-size:0.92rem; font-weight:700; margin-bottom:4px;">互联网程序员 · 男 32 岁</div>
  3920. <div style="color:var(--text-2); font-size:0.78rem; line-height:1.55;">加班到凌晨 1-2 点 · 胃空咖啡 · 拉唑吃了 3 个月想停</div>
  3921. </div>
  3922. <div style="padding:12px 14px; background:var(--bg-1); border-radius:6px; border-left:3px solid #0085CA;">
  3923. <div style="color:var(--text-1); font-size:0.92rem; font-weight:700; margin-bottom:4px;">医院值班医生 · 女 34 岁</div>
  3924. <div style="color:var(--text-2); font-size:0.78rem; line-height:1.55;">24h 轮班 · 饮食不规律 · 不敢在病人面前吃药</div>
  3925. </div>
  3926. <div style="padding:12px 14px; background:var(--bg-1); border-radius:6px; border-left:3px solid #0085CA;">
  3927. <div style="color:var(--text-1); font-size:0.92rem; font-weight:700; margin-bottom:4px;">直播 UP 主 · 女 26 岁</div>
  3928. <div style="color:var(--text-2); font-size:0.78rem; line-height:1.55;">晚上 8 点到凌晨 2 点开播 · 胃饿 + 不能中途吃东西</div>
  3929. </div>
  3930. <div style="padding:12px 14px; background:var(--bg-1); border-radius:6px; border-left:3px solid #0085CA;">
  3931. <div style="color:var(--text-1); font-size:0.92rem; font-weight:700; margin-bottom:4px;">高三学生家长 · 女 48 岁</div>
  3932. <div style="color:var(--text-2); font-size:0.78rem; line-height:1.55;">陪孩子刷题到凌晨 · 泡面后胃酸 · 想给自己和孩子都备一瓶</div>
  3933. </div>
  3934. </div>
  3935. </div>
  3936. <div style="margin-top:14px; padding:18px 20px; background:#2D9C5D0A; border:1px solid #2D9C5D33; border-radius:var(--radius-md);">
  3937. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.2em; margin-bottom:10px; font-weight:700;">SKU FIT · 产品配置</div>
  3938. <div style="color:var(--text-1); font-size:0.88rem; line-height:1.72;"><strong>SKU 1 · 主力装 300ml 瓶</strong>(工位常备)+ <strong>SKU 5 · 单支 50ml × 6 组合装</strong>(差旅/夜班携带)· 目标"工位饮"品类 · 对标咖啡/红牛/维生饮</div>
  3939. </div>
  3940. </div>
  3941. </div>
  3942. <div style="margin-top:28px; padding:24px 28px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md);">
  3943. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.2em; margin-bottom:16px; font-weight:700;">NARRATIVE · 场景脚本 · 用户一日经历</div>
  3944. <div style="display:flex; gap:16px; flex-wrap:wrap;">
  3945. <div style="flex:1; min-width:220px; padding:14px 16px; background:#0085CA06; border-radius:6px; border-left:3px solid #0085CA;">
  3946. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.12em; margin-bottom:6px; font-weight:700;">STEP 1 · 20:30</div>
  3947. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.6; font-weight:600; margin-bottom:4px;">今晚又要加班 · 已经喝 2 杯美式</div>
  3948. <div style="color:var(--text-3); font-size:0.76rem; font-style:italic;">&quot;胃已经开始空绞了 · 咖啡还要继续灌&quot;</div>
  3949. </div>
  3950. <div style="flex:1; min-width:220px; padding:14px 16px; background:#0085CA06; border-radius:6px; border-left:3px solid #0085CA;">
  3951. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.12em; margin-bottom:6px; font-weight:700;">STEP 2 · 22:15</div>
  3952. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.6; font-weight:600; margin-bottom:4px;">打开工位抽屉拿猴菇饮</div>
  3953. <div style="color:var(--text-3); font-size:0.76rem; font-style:italic;">&quot;比去买胃药方便 · 也没那么&#39;病感&#39;&quot;</div>
  3954. </div>
  3955. <div style="flex:1; min-width:220px; padding:14px 16px; background:#0085CA06; border-radius:6px; border-left:3px solid #0085CA;">
  3956. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.12em; margin-bottom:6px; font-weight:700;">STEP 3 · 23:40</div>
  3957. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.6; font-weight:600; margin-bottom:4px;">第二瓶饮开封</div>
  3958. <div style="color:var(--text-3); font-size:0.76rem; font-style:italic;">&quot;顶一下胃 · 让我能撑到搞完&quot;</div>
  3959. </div>
  3960. <div style="flex:1; min-width:220px; padding:14px 16px; background:#0085CA06; border-radius:6px; border-left:3px solid #0085CA;">
  3961. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.12em; margin-bottom:6px; font-weight:700;">STEP 4 · 01:20</div>
  3962. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.6; font-weight:600; margin-bottom:4px;">下班前最后一口</div>
  3963. <div style="color:var(--text-3); font-size:0.76rem; font-style:italic;">&quot;明天晨起嘴里不会泛酸了吧&quot;</div>
  3964. </div>
  3965. </div>
  3966. </div>
  3967. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#0085CA08; border:1px solid #0085CA33; border-radius:var(--radius-md);">
  3968. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">落地决策 · 场景 #2 LATE NIGHT</div>
  3969. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  3970. <div style="display:flex; gap:10px; align-items:flex-start;">
  3971. <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>
  3972. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>"工位装"标签</strong>:主力 300ml 瓶做"办公桌常备"品类心智</div>
  3973. </div>
  3974. <div style="display:flex; gap:10px; align-items:flex-start;">
  3975. <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>
  3976. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>渠道</strong>:天猫 / 京东 / 美团 30 分钟达 · 抖音"熬夜党 × 养胃饮"带货</div>
  3977. </div>
  3978. <div style="display:flex; gap:10px; align-items:flex-start;">
  3979. <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>
  3980. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>话术</strong>:「熬夜不伤胃 · 办公桌常备」· 不提"治疗"规避监管</div>
  3981. </div>
  3982. <div style="display:flex; gap:10px; align-items:flex-start;">
  3983. <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>
  3984. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>跨界合作</strong>:瑞幸 / 库迪 / 美团外卖"咖啡 + 猴菇饮套餐"</div>
  3985. </div>
  3986. <div style="display:flex; gap:10px; align-items:flex-start;">
  3987. <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;">5</div>
  3988. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>包装视觉</strong>:简约现代 + 桌面观赏性 + 可站立 · 放工位不丢范儿</div>
  3989. </div>
  3990. <div style="display:flex; gap:10px; align-items:flex-start;">
  3991. <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;">6</div>
  3992. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>内容矩阵</strong>:程序员 / 医生 / 直播 / 学生家长四条内容线 · 真实故事</div>
  3993. </div>
  3994. </div>
  3995. </div>
  3996. </div>
  3997. </section>
  3998. <section class="report-section" id="scene-3" data-tone="orange" data-slide-num="26/42">
  3999. <div class="section-inner">
  4000. <div class="section-head rise-in">
  4001. <div class="section-eyebrow" style="color:#2D9C5D;">5.3 · 场景 #3 · OFFICE DAILY</div>
  4002. <h2 class="text-h1"><span class="headline-anim"><span style="color:#2D9C5D;">办公室养护</span> · 节奏断续 · 会议外卖 · 每日午间那一瓶</span></h2>
  4003. <p class="section-sub">办公室人群是"准慢性胃病"主力:<strong>外卖午餐 + 会议过长 + 压力慢性化</strong>。但他们不生病所以不吃药,这是<strong>日常养护饮</strong>的核心池子。</p>
  4004. </div>
  4005. <div style="margin-top:24px; padding:26px 30px; background:linear-gradient(135deg, #2D9C5D10, transparent); border-left:4px solid #2D9C5D; border-radius:var(--radius-md);">
  4006. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">场景三元素 · TIME × SPACE × TRIGGER</div>
  4007. <div class="grid" style="grid-template-columns:repeat(3, 1fr); gap:18px;">
  4008. <div style="padding:18px 20px; background:var(--bg-1); border-radius:6px; border-top:3px solid #2D9C5D;">
  4009. <div style="display:flex; align-items:center; gap:8px; margin-bottom:10px;">
  4010. <div style="font-size:1.4rem;">⏰</div>
  4011. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; font-weight:700;">TIME · 时间</div>
  4012. </div>
  4013. <div style="color:var(--text-1); font-size:0.92rem; line-height:1.72;">12:00-14:00(午间)· 14:30-17:00(会议后)· 连续 100+ 工作日</div>
  4014. </div>
  4015. <div style="padding:18px 20px; background:var(--bg-1); border-radius:6px; border-top:3px solid #2D9C5D;">
  4016. <div style="display:flex; align-items:center; gap:8px; margin-bottom:10px;">
  4017. <div style="font-size:1.4rem;">📍</div>
  4018. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; font-weight:700;">SPACE · 空间</div>
  4019. </div>
  4020. <div style="color:var(--text-1); font-size:0.92rem; line-height:1.72;">工位 / 茶水间 / 会议室 / 卫生间(偷偷喝) / 通勤路上</div>
  4021. </div>
  4022. <div style="padding:18px 20px; background:var(--bg-1); border-radius:6px; border-top:3px solid #2D9C5D;">
  4023. <div style="display:flex; align-items:center; gap:8px; margin-bottom:10px;">
  4024. <div style="font-size:1.4rem;">⚡</div>
  4025. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; font-weight:700;">TRIGGER · 触发</div>
  4026. </div>
  4027. <div style="color:var(--text-1); font-size:0.92rem; line-height:1.72;">外卖送达时发现没米饭 / 会议超时胃开始饿 / 下午会后胃酸 / 周五聚餐</div>
  4028. </div>
  4029. </div>
  4030. </div>
  4031. <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);">
  4032. <div style="text-align:center;">
  4033. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#2D9C5D; letter-spacing:-0.02em;">2亿+</div>
  4034. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">城市白领日均办公 9 小时</div>
  4035. </div>
  4036. <div style="text-align:center;">
  4037. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#FF8C42; letter-spacing:-0.02em;">61%</div>
  4038. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">每周午餐外卖 ≥ 4 次</div>
  4039. </div>
  4040. <div style="text-align:center;">
  4041. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#FF6B6B; letter-spacing:-0.02em;">54%</div>
  4042. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">自报&quot;胃肠不适&quot;</div>
  4043. </div>
  4044. <div style="text-align:center;">
  4045. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#2D9C5D; letter-spacing:-0.02em;">41 条</div>
  4046. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">办公室场景相关 VOC</div>
  4047. </div>
  4048. </div>
  4049. <div class="grid" style="grid-template-columns:1.3fr 1fr; gap:24px; margin-top:28px;">
  4050. <div>
  4051. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">VOC 证据 · 场景原声</div>
  4052. <div style="display:flex; flex-direction:column; gap:12px;">
  4053. <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;">
  4054. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  4055. <div style="display:flex; align-items:center; gap:6px;">
  4056. <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>
  4057. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">匿名</span>
  4058. <span style="color:var(--text-3); font-size:0.68rem;">· —</span>
  4059. </div>
  4060. <div style="display:flex; align-items:center; gap:6px;">
  4061. <span style="color:#2D9C5D; font-size:0.7rem; font-weight:600;">▲ 好评</span>
  4062. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥1</span>
  4063. <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>
  4064. </div>
  4065. </div>
  4066. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"好吃,价格划算,个人喜欢抹茶的,好吃好吃,放办公室里当零食很不错"</div>
  4067. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  4068. <span style="padding:2px 8px; background:#2D9C5D12; color:#2D9C5D; border-radius:3px; font-size:0.68rem; font-weight:600;">办公室场景</span>
  4069. </div>
  4070. </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;">
  4071. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  4072. <div style="display:flex; align-items:center; gap:6px;">
  4073. <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>
  4074. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">匿名</span>
  4075. <span style="color:var(--text-3); font-size:0.68rem;">· —</span>
  4076. </div>
  4077. <div style="display:flex; align-items:center; gap:6px;">
  4078. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  4079. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥1k</span>
  4080. <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>
  4081. </div>
  4082. </div>
  4083. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"我小时候很害怕猴头菇也害怕这个饼干也很讨厌这个广告,我总觉得是用小猴的脑袋做的"</div>
  4084. </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;">
  4085. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  4086. <div style="display:flex; align-items:center; gap:6px;">
  4087. <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>
  4088. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">泥巴</span>
  4089. <span style="color:var(--text-3); font-size:0.68rem;">· —</span>
  4090. </div>
  4091. <div style="display:flex; align-items:center; gap:6px;">
  4092. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  4093. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥393</span>
  4094. <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>
  4095. </div>
  4096. </div>
  4097. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"我记得广告就是讲猴菇养胃吧[捂脸]"</div>
  4098. </div>
  4099. </div>
  4100. </div>
  4101. <div>
  4102. <div style="padding:22px 24px; background:#2D9C5D0A; border:1px solid #2D9C5D33; border-radius:var(--radius-md);">
  4103. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">目标人群 · PERSONA</div>
  4104. <div style="display:flex; flex-direction:column; gap:12px;">
  4105. <div style="padding:12px 14px; background:var(--bg-1); border-radius:6px; border-left:3px solid #2D9C5D;">
  4106. <div style="color:var(--text-1); font-size:0.92rem; font-weight:700; margin-bottom:4px;">互联网产品经理 · 男 30 岁</div>
  4107. <div style="color:var(--text-2); font-size:0.78rem; line-height:1.55;">每天 3-4 个会议 · 外卖吃完就开会 · 偶有胃胀</div>
  4108. </div>
  4109. <div style="padding:12px 14px; background:var(--bg-1); border-radius:6px; border-left:3px solid #2D9C5D;">
  4110. <div style="color:var(--text-1); font-size:0.92rem; font-weight:700; margin-bottom:4px;">会计师 · 女 35 岁</div>
  4111. <div style="color:var(--text-2); font-size:0.78rem; line-height:1.55;">季度结账压力大 · 午餐经常凉了才吃 · 慢性胃炎 5 年</div>
  4112. </div>
  4113. <div style="padding:12px 14px; background:var(--bg-1); border-radius:6px; border-left:3px solid #2D9C5D;">
  4114. <div style="color:var(--text-1); font-size:0.92rem; font-weight:700; margin-bottom:4px;">HR 经理 · 女 40 岁</div>
  4115. <div style="color:var(--text-2); font-size:0.78rem; line-height:1.55;">员工关怀 KPI 在身 · 自己想给团队备一箱福利饮</div>
  4116. </div>
  4117. <div style="padding:12px 14px; background:var(--bg-1); border-radius:6px; border-left:3px solid #2D9C5D;">
  4118. <div style="color:var(--text-1); font-size:0.92rem; font-weight:700; margin-bottom:4px;">银行柜员 · 男 28 岁</div>
  4119. <div style="color:var(--text-2); font-size:0.78rem; line-height:1.55;">站立工作 · 不敢随便喝水 · 胃饿只能忍</div>
  4120. </div>
  4121. </div>
  4122. </div>
  4123. <div style="margin-top:14px; padding:18px 20px; background:#2D9C5D0A; border:1px solid #2D9C5D33; border-radius:var(--radius-md);">
  4124. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.2em; margin-bottom:10px; font-weight:700;">SKU FIT · 产品配置</div>
  4125. <div style="color:var(--text-1); font-size:0.88rem; line-height:1.72;"><strong>SKU 1 · 主力装 300ml 瓶</strong>(个人午间)+ <strong>SKU 4 · 24 支办公室礼盒</strong>(团队福利 / 行政采购)· 定位"午间养胃饮" · 对标办公室水 / 咖啡豆</div>
  4126. </div>
  4127. </div>
  4128. </div>
  4129. <div style="margin-top:28px; padding:24px 28px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md);">
  4130. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.2em; margin-bottom:16px; font-weight:700;">NARRATIVE · 场景脚本 · 用户一日经历</div>
  4131. <div style="display:flex; gap:16px; flex-wrap:wrap;">
  4132. <div style="flex:1; min-width:220px; padding:14px 16px; background:#2D9C5D06; border-radius:6px; border-left:3px solid #2D9C5D;">
  4133. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.12em; margin-bottom:6px; font-weight:700;">STEP 1 · 12:10</div>
  4134. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.6; font-weight:600; margin-bottom:4px;">外卖到了 · 办公桌旁独自吃</div>
  4135. <div style="color:var(--text-3); font-size:0.76rem; font-style:italic;">&quot;最近胃又开始反酸 · 想给胃一点照顾&quot;</div>
  4136. </div>
  4137. <div style="flex:1; min-width:220px; padding:14px 16px; background:#2D9C5D06; border-radius:6px; border-left:3px solid #2D9C5D;">
  4138. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.12em; margin-bottom:6px; font-weight:700;">STEP 2 · 12:40</div>
  4139. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.6; font-weight:600; margin-bottom:4px;">吃完外卖顺手喝一瓶猴菇饮</div>
  4140. <div style="color:var(--text-3); font-size:0.76rem; font-style:italic;">&quot;不算药 · 就是日常一瓶 · 没心理负担&quot;</div>
  4141. </div>
  4142. <div style="flex:1; min-width:220px; padding:14px 16px; background:#2D9C5D06; border-radius:6px; border-left:3px solid #2D9C5D;">
  4143. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.12em; margin-bottom:6px; font-weight:700;">STEP 3 · 14:30</div>
  4144. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.6; font-weight:600; margin-bottom:4px;">下午会议前续一瓶</div>
  4145. <div style="color:var(--text-3); font-size:0.76rem; font-style:italic;">&quot;会议室开一下午 · 胃别空着&quot;</div>
  4146. </div>
  4147. <div style="flex:1; min-width:220px; padding:14px 16px; background:#2D9C5D06; border-radius:6px; border-left:3px solid #2D9C5D;">
  4148. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.12em; margin-bottom:6px; font-weight:700;">STEP 4 · 19:00</div>
  4149. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.6; font-weight:600; margin-bottom:4px;">下班回家前发圈</div>
  4150. <div style="color:var(--text-3); font-size:0.76rem; font-style:italic;">&quot;健康饮打卡 · 做自律白领第 27 天&quot;</div>
  4151. </div>
  4152. </div>
  4153. </div>
  4154. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:var(--radius-md);">
  4155. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">落地决策 · 场景 #3 OFFICE DAILY</div>
  4156. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  4157. <div style="display:flex; gap:10px; align-items:flex-start;">
  4158. <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>
  4159. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>个人装 + 团购装</strong>:300ml 单支个人零售 + 24 支办公箱 B2B 福利采购</div>
  4160. </div>
  4161. <div style="display:flex; gap:10px; align-items:flex-start;">
  4162. <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>
  4163. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>渠道</strong>:企业福利平台(淘鲜达/每日优鲜)· 行政 HR 定向推广</div>
  4164. </div>
  4165. <div style="display:flex; gap:10px; align-items:flex-start;">
  4166. <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>
  4167. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>话术</strong>:「午间一瓶 · 对自己的胃好一点」</div>
  4168. </div>
  4169. <div style="display:flex; gap:10px; align-items:flex-start;">
  4170. <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>
  4171. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>包装视觉</strong>:工位友好 · 可站立不占空间 · 中性色别花哨</div>
  4172. </div>
  4173. <div style="display:flex; gap:10px; align-items:flex-start;">
  4174. <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>
  4175. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>自打卡属性</strong>:瓶身设计"第 __ 天打卡"区 · 配社群活动</div>
  4176. </div>
  4177. <div style="display:flex; gap:10px; align-items:flex-start;">
  4178. <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>
  4179. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>企业 BD</strong>:500 强 HR 对接 · 提供定制 logo 服务</div>
  4180. </div>
  4181. </div>
  4182. </div>
  4183. </div>
  4184. </section>
  4185. <section class="report-section" id="scene-4" data-tone="orange" data-slide-num="27/42">
  4186. <div class="section-inner">
  4187. <div class="section-head rise-in">
  4188. <div class="section-eyebrow" style="color:#8B5CF6;">5.4 · 场景 #4 · TRAVEL &amp; RECOVERY</div>
  4189. <h2 class="text-h1"><span class="headline-anim"><span style="color:#8B5CF6;">差旅 / 术后</span> · 无菜谱无辅料 · 孤立环境 · 一瓶救一餐</span></h2>
  4190. <p class="section-sub">出差住酒店 / 术后恢复期 / 老人随子女出门 —— 这些<strong>"临时没有稳定菜谱"</strong>的场景,米稀带不出门、中药汤剂也做不了,是液体饮的独家赛道。</p>
  4191. </div>
  4192. <div style="margin-top:24px; padding:26px 30px; background:linear-gradient(135deg, #8B5CF610, transparent); border-left:4px solid #8B5CF6; border-radius:var(--radius-md);">
  4193. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">场景三元素 · TIME × SPACE × TRIGGER</div>
  4194. <div class="grid" style="grid-template-columns:repeat(3, 1fr); gap:18px;">
  4195. <div style="padding:18px 20px; background:var(--bg-1); border-radius:6px; border-top:3px solid #8B5CF6;">
  4196. <div style="display:flex; align-items:center; gap:8px; margin-bottom:10px;">
  4197. <div style="font-size:1.4rem;">⏰</div>
  4198. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.15em; font-weight:700;">TIME · 时间</div>
  4199. </div>
  4200. <div style="color:var(--text-1); font-size:0.92rem; line-height:1.72;">连续出差 3-7 天 / 术后 1-4 周恢复期 / 长途旅行 10+ 小时</div>
  4201. </div>
  4202. <div style="padding:18px 20px; background:var(--bg-1); border-radius:6px; border-top:3px solid #8B5CF6;">
  4203. <div style="display:flex; align-items:center; gap:8px; margin-bottom:10px;">
  4204. <div style="font-size:1.4rem;">📍</div>
  4205. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.15em; font-weight:700;">SPACE · 空间</div>
  4206. </div>
  4207. <div style="color:var(--text-1); font-size:0.92rem; line-height:1.72;">高铁 / 飞机 / 酒店房间 / 机场候机厅 / 医院陪护床 / 外地子女家</div>
  4208. </div>
  4209. <div style="padding:18px 20px; background:var(--bg-1); border-radius:6px; border-top:3px solid #8B5CF6;">
  4210. <div style="display:flex; align-items:center; gap:8px; margin-bottom:10px;">
  4211. <div style="font-size:1.4rem;">⚡</div>
  4212. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.15em; font-weight:700;">TRIGGER · 触发</div>
  4213. </div>
  4214. <div style="color:var(--text-1); font-size:0.92rem; line-height:1.72;">出差第 3 天胃不舒服 / 术后喝不下汤 / 老人下飞机胃抗议 / 夜班护工无处吃饭</div>
  4215. </div>
  4216. </div>
  4217. </div>
  4218. <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);">
  4219. <div style="text-align:center;">
  4220. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#8B5CF6; letter-spacing:-0.02em;">8000万</div>
  4221. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">商务差旅人群</div>
  4222. </div>
  4223. <div style="text-align:center;">
  4224. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#FF8C42; letter-spacing:-0.02em;">30%</div>
  4225. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">差旅 ≥ 1 次/月</div>
  4226. </div>
  4227. <div style="text-align:center;">
  4228. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#FF6B6B; letter-spacing:-0.02em;">1.5亿</div>
  4229. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">术后恢复期人群年规模</div>
  4230. </div>
  4231. <div style="text-align:center;">
  4232. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#8B5CF6; letter-spacing:-0.02em;">22 条</div>
  4233. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">差旅场景相关 VOC</div>
  4234. </div>
  4235. </div>
  4236. <div class="grid" style="grid-template-columns:1.3fr 1fr; gap:24px; margin-top:28px;">
  4237. <div>
  4238. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">VOC 证据 · 场景原声</div>
  4239. <div style="display:flex; flex-direction:column; gap:12px;">
  4240. <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #8B5CF6; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  4241. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  4242. <div style="display:flex; align-items:center; gap:6px;">
  4243. <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#0084FF22; color:#0084FF; font-size:0.62rem; font-weight:700;">知</span>
  4244. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">办公室牛马_592</span>
  4245. <span style="color:var(--text-3); font-size:0.68rem;">· 四川</span>
  4246. </div>
  4247. <div style="display:flex; align-items:center; gap:6px;">
  4248. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  4249. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥517</span>
  4250. <span style="padding:1px 6px; background:#E8A87C18; color:#E8A87C; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;" title="熬夜党自救笔记+打工人养胃话题帖主题">◈模式</span>
  4251. </div>
  4252. </div>
  4253. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"做媒体的熬夜是家常便饭 我们办公室冰箱里满满的养胃饮"</div>
  4254. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  4255. <span style="padding:2px 8px; background:#8B5CF612; color:#8B5CF6; border-radius:3px; font-size:0.68rem; font-weight:600;">媒体办公室</span><span style="padding:2px 8px; background:#8B5CF612; color:#8B5CF6; border-radius:3px; font-size:0.68rem; font-weight:600;">冰箱囤货</span>
  4256. </div>
  4257. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #8B5CF6; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  4258. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  4259. <div style="display:flex; align-items:center; gap:6px;">
  4260. <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>
  4261. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">应酬达人_489</span>
  4262. <span style="color:var(--text-3); font-size:0.68rem;">· 重庆</span>
  4263. </div>
  4264. <div style="display:flex; align-items:center; gap:6px;">
  4265. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  4266. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥524</span>
  4267. <span style="padding:1px 6px; background:#E8A87C18; color:#E8A87C; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;" title="熬夜党自救笔记+打工人养胃话题帖主题">◈模式</span>
  4268. </div>
  4269. </div>
  4270. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"打工人的胃是熬出来的 我需要的是熬夜前一支熬夜后一支的习惯"</div>
  4271. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  4272. <span style="padding:2px 8px; background:#8B5CF612; color:#8B5CF6; border-radius:3px; font-size:0.68rem; font-weight:600;">前后双支</span><span style="padding:2px 8px; background:#8B5CF612; color:#8B5CF6; border-radius:3px; font-size:0.68rem; font-weight:600;">习惯养成</span>
  4273. </div>
  4274. </div>
  4275. </div>
  4276. </div>
  4277. <div>
  4278. <div style="padding:22px 24px; background:#8B5CF60A; border:1px solid #8B5CF633; border-radius:var(--radius-md);">
  4279. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">目标人群 · PERSONA</div>
  4280. <div style="display:flex; flex-direction:column; gap:12px;">
  4281. <div style="padding:12px 14px; background:var(--bg-1); border-radius:6px; border-left:3px solid #8B5CF6;">
  4282. <div style="color:var(--text-1); font-size:0.92rem; font-weight:700; margin-bottom:4px;">销售经理 · 男 36 岁</div>
  4283. <div style="color:var(--text-2); font-size:0.78rem; line-height:1.55;">每月 10+ 天出差 · 高铁/飞机 · 酒店外卖老胃病</div>
  4284. </div>
  4285. <div style="padding:12px 14px; background:var(--bg-1); border-radius:6px; border-left:3px solid #8B5CF6;">
  4286. <div style="color:var(--text-1); font-size:0.92rem; font-weight:700; margin-bottom:4px;">术后女士 · 女 50 岁</div>
  4287. <div style="color:var(--text-2); font-size:0.78rem; line-height:1.55;">胃镜检查后 · 医生建议清淡流食 · 家里没米稀时犯愁</div>
  4288. </div>
  4289. <div style="padding:12px 14px; background:var(--bg-1); border-radius:6px; border-left:3px solid #8B5CF6;">
  4290. <div style="color:var(--text-1); font-size:0.92rem; font-weight:700; margin-bottom:4px;">随子女旅行老人 · 女 68 岁</div>
  4291. <div style="color:var(--text-2); font-size:0.78rem; line-height:1.55;">儿子带妈妈出游 · 陌生城市怕妈胃不适</div>
  4292. </div>
  4293. <div style="padding:12px 14px; background:var(--bg-1); border-radius:6px; border-left:3px solid #8B5CF6;">
  4294. <div style="color:var(--text-1); font-size:0.92rem; font-weight:700; margin-bottom:4px;">ICU 陪护家属 · 男 42 岁</div>
  4295. <div style="color:var(--text-2); font-size:0.78rem; line-height:1.55;">连续陪床 · 食堂无法按时 · 自己的胃开始罢工</div>
  4296. </div>
  4297. </div>
  4298. </div>
  4299. <div style="margin-top:14px; padding:18px 20px; background:#2D9C5D0A; border:1px solid #2D9C5D33; border-radius:var(--radius-md);">
  4300. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.2em; margin-bottom:10px; font-weight:700;">SKU FIT · 产品配置</div>
  4301. <div style="color:var(--text-1); font-size:0.88rem; line-height:1.72;"><strong>SKU 5 · 差旅装 50ml × 6 组合盒</strong>(高铁包/酒店购物袋可装)· 零售 48 元/盒 · 对标红牛 6 罐装、某某人参口服液 · 铝箔包装耐压</div>
  4302. </div>
  4303. </div>
  4304. </div>
  4305. <div style="margin-top:28px; padding:24px 28px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md);">
  4306. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.2em; margin-bottom:16px; font-weight:700;">NARRATIVE · 场景脚本 · 用户一日经历</div>
  4307. <div style="display:flex; gap:16px; flex-wrap:wrap;">
  4308. <div style="flex:1; min-width:220px; padding:14px 16px; background:#8B5CF606; border-radius:6px; border-left:3px solid #8B5CF6;">
  4309. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.12em; margin-bottom:6px; font-weight:700;">STEP 1 · Day 1 · 07:00</div>
  4310. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.6; font-weight:600; margin-bottom:4px;">赶早班机 · 没来得及吃早饭</div>
  4311. <div style="color:var(--text-3); font-size:0.76rem; font-style:italic;">&quot;包里有差旅装 · 登机前喝一支打底&quot;</div>
  4312. </div>
  4313. <div style="flex:1; min-width:220px; padding:14px 16px; background:#8B5CF606; border-radius:6px; border-left:3px solid #8B5CF6;">
  4314. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.12em; margin-bottom:6px; font-weight:700;">STEP 2 · Day 2 · 12:30</div>
  4315. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.6; font-weight:600; margin-bottom:4px;">酒店商务午餐全是油腻</div>
  4316. <div style="color:var(--text-3); font-size:0.76rem; font-style:italic;">&quot;先开一支 · 再吃主食&quot;</div>
  4317. </div>
  4318. <div style="flex:1; min-width:220px; padding:14px 16px; background:#8B5CF606; border-radius:6px; border-left:3px solid #8B5CF6;">
  4319. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.12em; margin-bottom:6px; font-weight:700;">STEP 3 · Day 3 · 22:00</div>
  4320. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.6; font-weight:600; margin-bottom:4px;">回酒店肩颈酸胃反酸</div>
  4321. <div style="color:var(--text-3); font-size:0.76rem; font-style:italic;">&quot;洗澡后来一支 · 补今晚这一餐&quot;</div>
  4322. </div>
  4323. <div style="flex:1; min-width:220px; padding:14px 16px; background:#8B5CF606; border-radius:6px; border-left:3px solid #8B5CF6;">
  4324. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.12em; margin-bottom:6px; font-weight:700;">STEP 4 · Day 4 · 08:00</div>
  4325. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.6; font-weight:600; margin-bottom:4px;">返程早班高铁</div>
  4326. <div style="color:var(--text-3); font-size:0.76rem; font-style:italic;">&quot;又塞两支到包里 · 路上够用&quot;</div>
  4327. </div>
  4328. </div>
  4329. </div>
  4330. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#8B5CF608; border:1px solid #8B5CF633; border-radius:var(--radius-md);">
  4331. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">落地决策 · 场景 #4 TRAVEL &amp; RECOVERY</div>
  4332. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  4333. <div style="display:flex; gap:10px; align-items:flex-start;">
  4334. <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>
  4335. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>SKU 包装</strong>:50ml × 6 支 · 铝箔密封 · 防压 · 可登机 · 不超液体 100ml 限额</div>
  4336. </div>
  4337. <div style="display:flex; gap:10px; align-items:flex-start;">
  4338. <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>
  4339. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>渠道</strong>:机场旗舰店 / 高铁站自助机 / 酒店便利店 / 医院周边药房</div>
  4340. </div>
  4341. <div style="display:flex; gap:10px; align-items:flex-start;">
  4342. <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>
  4343. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>差旅套装</strong>:与行李箱品牌 / 舒达床垫 / 机场 VIP 厅合作赠送</div>
  4344. </div>
  4345. <div style="display:flex; gap:10px; align-items:flex-start;">
  4346. <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>
  4347. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>医院场景</strong>:胃镜 / 胃外科周边小药店 PPG 合作陈列</div>
  4348. </div>
  4349. <div style="display:flex; gap:10px; align-items:flex-start;">
  4350. <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;">5</div>
  4351. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>话术</strong>:「随身一盒 · 胃在路上」· 不提术后避免医疗宣称</div>
  4352. </div>
  4353. <div style="display:flex; gap:10px; align-items:flex-start;">
  4354. <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;">6</div>
  4355. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>老人礼品化</strong>:子女送父母出游"随身胃包"· 对标感冒药礼包</div>
  4356. </div>
  4357. </div>
  4358. </div>
  4359. </div>
  4360. </section>
  4361. <section class="report-section" id="competitor" data-tone="rose" data-slide-num="28/42" style="justify-content:center;">
  4362. <div class="section-inner">
  4363. <div class="rise-in" style="text-align:center; margin-bottom:40px;">
  4364. <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>
  4365. <div class="text-mono text-xs" style="color:#FF4D8D; letter-spacing:0.3em; margin-top:-2rem; font-weight:700;">CHAPTER 6 · COMPETITION AXES</div>
  4366. </div>
  4367. <div class="rise-in" style="text-align:center; margin-bottom:36px;">
  4368. <div style="font-size:3.2rem; margin-bottom:14px;">⚔</div>
  4369. <h2 class="text-poster" style="font-size:clamp(2.4rem, 5.2vw, 4.2rem); color:var(--text-1); letter-spacing:-0.025em;">竞品三轴图谱</h2>
  4370. <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>
  4371. </div>
  4372. <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);">
  4373. <p style="color:var(--text-1); font-size:1.08rem; line-height:1.82;">食品(米稀/饼干)、保健品(同名猴菇饮)、药品(三九胃泰/拉唑)<strong style="color:#FF4D8D;">三轴定位图谱</strong>上,猴菇饮 OTC 的 <strong style="color:#FF8C42;">无人地带坐标</strong> = "食品的温和 × 药品的 OTC 信任 × 保健品的日常节奏"。直接对标同名 3 家猴菇饮的 VOC 差评,找出差异化 MOAT。</p>
  4374. </div>
  4375. <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;">
  4376. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #FF4D8D22; border-radius:var(--radius-sm); text-align:center;">
  4377. <div class="text-mono text-xs" style="color:#FF4D8D; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">6.1</div>
  4378. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">三轴定位图谱·食品/保健品/药品</div>
  4379. </div>
  4380. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #FF4D8D22; border-radius:var(--radius-sm); text-align:center;">
  4381. <div class="text-mono text-xs" style="color:#FF4D8D; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">6.2</div>
  4382. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">无人地带坐标·猴菇饮独占位</div>
  4383. </div>
  4384. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #FF4D8D22; border-radius:var(--radius-sm); text-align:center;">
  4385. <div class="text-mono text-xs" style="color:#FF4D8D; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">6.3</div>
  4386. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">同名竞品对标·3 家猴菇饮 VOC</div>
  4387. </div>
  4388. </div>
  4389. <div class="fade-up" style="margin-top:48px; text-align:center;">
  4390. <div class="text-mono text-xs" style="color:var(--text-3); letter-spacing:0.3em;">SCROLL DOWN · 3 个子章 · 理论 × 实证 × 机会</div>
  4391. </div>
  4392. </div>
  4393. </section>
  4394. <section class="report-section" id="competitor-1" data-tone="rose" data-slide-num="29/42">
  4395. <div class="section-inner">
  4396. <div class="section-head rise-in">
  4397. <div class="section-eyebrow" style="color:#FF4D8D;">6.1 · 竞品三轴图谱</div>
  4398. <h2 class="text-h1"><span class="headline-anim"><span style="color:#FF4D8D;">食品</span> ↔ <span style="color:#E8A87C;">保健品</span> ↔ <span style="color:#0085CA;">药品</span> 三轴定位</span></h2>
  4399. <p class="section-sub">把胃健康赛道沿"食品 / 保健品 / 药品"三轴拆解,从真实 VOC 反推每一轴的用户感知、优势、痛点。</p>
  4400. </div>
  4401. <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);">
  4402. <div style="text-align:center;">
  4403. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#FF4D8D; letter-spacing:-0.02em;">3轴</div>
  4404. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">品类边界</div>
  4405. </div>
  4406. <div style="text-align:center;">
  4407. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#0085CA; letter-spacing:-0.02em;">100亿+</div>
  4408. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">OTC 胃药盘</div>
  4409. </div>
  4410. <div style="text-align:center;">
  4411. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#E8A87C; letter-spacing:-0.02em;">7.5亿</div>
  4412. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">米稀峰值(食品轴)</div>
  4413. </div>
  4414. <div style="text-align:center;">
  4415. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#FF4D8D; letter-spacing:-0.02em;">2亿</div>
  4416. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">保健品轴合计</div>
  4417. </div>
  4418. <div style="text-align:center;">
  4419. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#2D9C5D; letter-spacing:-0.02em;">2727</div>
  4420. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">真实 VOC</div>
  4421. </div>
  4422. </div>
  4423. <div class="grid" style="grid-template-columns:repeat(3, 1fr); gap:16px; margin-top:24px;">
  4424. <div style="padding:22px 24px; background:var(--bg-1); border:1px solid var(--border); border-top:5px solid #E8A87C; border-radius:var(--radius-md); display:flex; flex-direction:column;">
  4425. <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;">
  4426. <div class="text-mono text-xs" style="color:#E8A87C; letter-spacing:0.2em; font-weight:700;">A1 · FOOD AXIS</div>
  4427. <div style="color:#E8A87C; font-family:var(--font-mono); font-size:0.72rem; font-weight:700;">VOC 134</div>
  4428. </div>
  4429. <h3 style="color:var(--text-1); font-size:1.14rem; font-weight:800; margin:0 0 6px;">食品轴</h3>
  4430. <div style="color:var(--text-2); font-size:0.84rem; line-height:1.6; margin-bottom:12px;">江中猴姑米稀 · 同类养胃粥糊</div>
  4431. <div style="padding:10px 12px; background:#E8A87C08; border-left:3px solid #E8A87C; border-radius:4px; margin-bottom:10px;">
  4432. <div class="text-mono text-xs" style="color:#E8A87C; font-weight:700; margin-bottom:4px; letter-spacing:0.1em;">USER PERCEPTION</div>
  4433. <div style="color:var(--text-1); font-size:0.82rem; line-height:1.6; font-style:italic;">&quot;就是零食/代餐 · 喝着舒服但说不上治病&quot;</div>
  4434. </div>
  4435. <div style="padding:10px 12px; background:#2D9C5D0A; border-left:3px solid #2D9C5D; border-radius:4px; margin-bottom:8px;">
  4436. <div class="text-mono text-xs" style="color:#2D9C5D; font-weight:700; margin-bottom:4px; letter-spacing:0.1em;">✓ 优势</div>
  4437. <div style="color:var(--text-2); font-size:0.8rem; line-height:1.6;">温和无门槛 · 日常可持续 · 猴头菇认知</div>
  4438. </div>
  4439. <div style="padding:10px 12px; background:#FF6B6B0A; border-left:3px solid #FF6B6B; border-radius:4px; margin-bottom:12px;">
  4440. <div class="text-mono text-xs" style="color:#FF6B6B; font-weight:700; margin-bottom:4px; letter-spacing:0.1em;">✗ 痛点</div>
  4441. <div style="color:var(--text-2); font-size:0.8rem; line-height:1.6;">无 OTC 身份 · 不能宣传功效 · 场景局限早餐</div>
  4442. </div>
  4443. <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #E8A87C; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  4444. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  4445. <div style="display:flex; align-items:center; gap:6px;">
  4446. <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>
  4447. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">泥巴</span>
  4448. <span style="color:var(--text-3); font-size:0.68rem;">· —</span>
  4449. </div>
  4450. <div style="display:flex; align-items:center; gap:6px;">
  4451. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  4452. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥393</span>
  4453. <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>
  4454. </div>
  4455. </div>
  4456. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"我记得广告就是讲猴菇养胃吧[捂脸]"</div>
  4457. </div>
  4458. </div>
  4459. <div style="padding:22px 24px; background:var(--bg-1); border:1px solid var(--border); border-top:5px solid #FF4D8D; border-radius:var(--radius-md); display:flex; flex-direction:column;">
  4460. <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;">
  4461. <div class="text-mono text-xs" style="color:#FF4D8D; letter-spacing:0.2em; font-weight:700;">A2 · SUPPLEMENT AXIS</div>
  4462. <div style="color:#FF4D8D; font-family:var(--font-mono); font-size:0.72rem; font-weight:700;">VOC 21</div>
  4463. </div>
  4464. <h3 style="color:var(--text-1); font-size:1.14rem; font-weight:800; margin:0 0 6px;">保健品轴</h3>
  4465. <div style="color:var(--text-2); font-size:0.84rem; line-height:1.6; margin-bottom:12px;">同名猴菇饮 · 猴头菇饮料(20+ 品牌同质化)</div>
  4466. <div style="padding:10px 12px; background:#FF4D8D08; border-left:3px solid #FF4D8D; border-radius:4px; margin-bottom:10px;">
  4467. <div class="text-mono text-xs" style="color:#FF4D8D; font-weight:700; margin-bottom:4px; letter-spacing:0.1em;">USER PERCEPTION</div>
  4468. <div style="color:var(--text-1); font-size:0.82rem; line-height:1.6; font-style:italic;">&quot;果汁感养胃饮 · 买了可能智商税&quot;</div>
  4469. </div>
  4470. <div style="padding:10px 12px; background:#2D9C5D0A; border-left:3px solid #2D9C5D; border-radius:4px; margin-bottom:8px;">
  4471. <div class="text-mono text-xs" style="color:#2D9C5D; font-weight:700; margin-bottom:4px; letter-spacing:0.1em;">✓ 优势</div>
  4472. <div style="color:var(--text-2); font-size:0.8rem; line-height:1.6;">配方灵活 · 可上新 SKU · 类饮料便利</div>
  4473. </div>
  4474. <div style="padding:10px 12px; background:#FF6B6B0A; border-left:3px solid #FF6B6B; border-radius:4px; margin-bottom:12px;">
  4475. <div class="text-mono text-xs" style="color:#FF6B6B; font-weight:700; margin-bottom:4px; letter-spacing:0.1em;">✗ 痛点</div>
  4476. <div style="color:var(--text-2); font-size:0.8rem; line-height:1.6;">OTC 缺失 · 同质化价格战 · 信任不足</div>
  4477. </div>
  4478. <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;">
  4479. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  4480. <div style="display:flex; align-items:center; gap:6px;">
  4481. <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>
  4482. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">糖友_234</span>
  4483. <span style="color:var(--text-3); font-size:0.68rem;">· 湖北</span>
  4484. </div>
  4485. <div style="display:flex; align-items:center; gap:6px;">
  4486. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  4487. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥243</span>
  4488. <span style="padding:1px 6px; background:#E8A87C18; color:#E8A87C; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;" title="同品类产品电商评论+社交平台对比帖">◈模式</span>
  4489. </div>
  4490. </div>
  4491. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"价格从十几到三十几都有 价格带很宽 消费者迷惑"</div>
  4492. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  4493. <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>
  4494. </div>
  4495. </div>
  4496. </div>
  4497. <div style="padding:22px 24px; background:var(--bg-1); border:1px solid var(--border); border-top:5px solid #0085CA; border-radius:var(--radius-md); display:flex; flex-direction:column;">
  4498. <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;">
  4499. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.2em; font-weight:700;">A3 · DRUG AXIS</div>
  4500. <div style="color:#0085CA; font-family:var(--font-mono); font-size:0.72rem; font-weight:700;">VOC 113</div>
  4501. </div>
  4502. <h3 style="color:var(--text-1); font-size:1.14rem; font-weight:800; margin:0 0 6px;">药品轴</h3>
  4503. <div style="color:var(--text-2); font-size:0.84rem; line-height:1.6; margin-bottom:12px;">奥美拉唑/雷贝拉唑 · 三九胃泰 · 康复新液</div>
  4504. <div style="padding:10px 12px; background:#0085CA08; border-left:3px solid #0085CA; border-radius:4px; margin-bottom:10px;">
  4505. <div class="text-mono text-xs" style="color:#0085CA; font-weight:700; margin-bottom:4px; letter-spacing:0.1em;">USER PERCEPTION</div>
  4506. <div style="color:var(--text-1); font-size:0.82rem; line-height:1.6; font-style:italic;">&quot;立竿见影但依赖焦虑 · 长期吃副作用担心&quot;</div>
  4507. </div>
  4508. <div style="padding:10px 12px; background:#2D9C5D0A; border-left:3px solid #2D9C5D; border-radius:4px; margin-bottom:8px;">
  4509. <div class="text-mono text-xs" style="color:#2D9C5D; font-weight:700; margin-bottom:4px; letter-spacing:0.1em;">✓ 优势</div>
  4510. <div style="color:var(--text-2); font-size:0.8rem; line-height:1.6;">OTC/处方 · 疗效明确 · 医生背书</div>
  4511. </div>
  4512. <div style="padding:10px 12px; background:#FF6B6B0A; border-left:3px solid #FF6B6B; border-radius:4px; margin-bottom:12px;">
  4513. <div class="text-mono text-xs" style="color:#FF6B6B; font-weight:700; margin-bottom:4px; letter-spacing:0.1em;">✗ 痛点</div>
  4514. <div style="color:var(--text-2); font-size:0.8rem; line-height:1.6;">依赖反弹 · 心理负担 · 不能日常</div>
  4515. </div>
  4516. <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;">
  4517. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  4518. <div style="display:flex; align-items:center; gap:6px;">
  4519. <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>
  4520. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">专业拆蛋</span>
  4521. <span style="color:var(--text-3); font-size:0.68rem;">· 山东</span>
  4522. </div>
  4523. <div style="display:flex; align-items:center; gap:6px;">
  4524. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  4525. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥1.4k</span>
  4526. <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>
  4527. </div>
  4528. </div>
  4529. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"奥美拉唑没有治疗效果,停药就复发而且越吃越严重"</div>
  4530. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  4531. <span style="padding:2px 8px; background:#0085CA12; color:#0085CA; border-radius:3px; font-size:0.68rem; font-weight:600;">PPI 依赖焦虑</span>
  4532. </div>
  4533. </div>
  4534. </div>
  4535. </div>
  4536. <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;">
  4537. <div class="text-mono text-xs" style="color:#FF4D8D; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">CORE INSIGHT · 三轴边界清晰</div>
  4538. <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;">三轴用户感知已经<strong>完全成型</strong>:食品 = 日常无压力(但不治病)· 保健品 = 智商税嫌疑 · 药品 = 立竿见影但依赖焦虑。</div>
  4539. <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">每一轴都有其不可替代的价值,也都有无法逾越的痛点。<strong style="color:#2D9C5D;">猴菇饮的机会不在任何一轴内部竞争,而在三轴交叉的"无人地带"</strong> —— 一个能同时具备"食品温和感 × 保健品日常感 × 药品 OTC 信任"的新坐标。</div>
  4540. </div>
  4541. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#FF4D8D08; border:1px solid #FF4D8D33; border-radius:var(--radius-md);">
  4542. <div class="text-mono text-xs" style="color:#FF4D8D; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">决策 · 三轴定位纪律</div>
  4543. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  4544. <div style="display:flex; gap:10px; align-items:flex-start;">
  4545. <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>
  4546. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>不与食品轴正面冲突</strong>:承认米稀的早餐场景统治力 · 饮做差异化时段</div>
  4547. </div>
  4548. <div style="display:flex; gap:10px; align-items:flex-start;">
  4549. <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>
  4550. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>与保健品轴画清界限</strong>:用 OTC 批文 / 江中品牌 / 合规宣称区隔同名竞品</div>
  4551. </div>
  4552. <div style="display:flex; gap:10px; align-items:flex-start;">
  4553. <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>
  4554. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>接药品轴的"焦虑溢出"</strong>:接 PPI 用户的减量需求 · 不抢 PPI 疗效</div>
  4555. </div>
  4556. <div style="display:flex; gap:10px; align-items:flex-start;">
  4557. <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>
  4558. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>"跨三轴但不三心二意"</strong>:产品定位"OTC 级食疗饮" · 每个卖点三轴皆有支撑</div>
  4559. </div>
  4560. </div>
  4561. </div>
  4562. </div>
  4563. </section>
  4564. <section class="report-section" id="competitor-2" data-tone="rose" data-slide-num="30/42">
  4565. <div class="section-inner">
  4566. <div class="section-head rise-in">
  4567. <div class="section-eyebrow" style="color:#2D9C5D;">6.2 · 无人地带坐标</div>
  4568. <h2 class="text-h1"><span class="headline-anim"><span style="color:#2D9C5D;">三轴交叉</span>的无人地带 · 猴菇饮 OTC 唯一能落的位置</span></h2>
  4569. <p class="section-sub">沿"疗效强度 × 使用门槛 × 日常频次"三轴交叉,拉出一个四象限地图,标出猴菇饮 OTC 的<strong>唯一可立坐标</strong>。</p>
  4570. </div>
  4571. <div style="margin-top:24px; padding:28px 32px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md); position:relative;">
  4572. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.2em; font-weight:700; margin-bottom:18px; text-align:center;">POSITIONING MAP · 疗效强度 × 使用门槛 二轴地图</div>
  4573. <div style="position:relative; height:480px; display:flex;">
  4574. <!-- Y 轴标签 -->
  4575. <div style="width:52px; display:flex; flex-direction:column; justify-content:space-between; padding-top:24px; padding-bottom:30px;">
  4576. <div class="text-mono text-xs" style="color:#0085CA; font-weight:700; letter-spacing:0.1em;">强疗效</div>
  4577. <div style="transform:rotate(-90deg); white-space:nowrap; color:#2D9C5D; font-family:var(--font-mono); font-size:0.8rem; letter-spacing:0.2em; font-weight:700;">疗效强度 ↑</div>
  4578. <div class="text-mono text-xs" style="color:#E8A87C; font-weight:700; letter-spacing:0.1em;">弱疗效</div>
  4579. </div>
  4580. <!-- 主图 -->
  4581. <div style="flex:1; position:relative; border:2px solid var(--border); background:linear-gradient(135deg, #FF6B6B02, #2D9C5D06, #E8A87C02); border-radius:8px;">
  4582. <!-- 象限网格线 -->
  4583. <div style="position:absolute; left:50%; top:0; bottom:0; width:1px; background:var(--border); opacity:0.5;"></div>
  4584. <div style="position:absolute; top:50%; left:0; right:0; height:1px; background:var(--border); opacity:0.5;"></div>
  4585. <!-- Q1 象限 A · 治疗 × 高门槛 -->
  4586. <div style="position:absolute; top:8%; left:6%; width:42%; padding:14px; background:#8B5CF60C; border:1px solid #8B5CF644; border-radius:6px;">
  4587. <div class="text-mono text-xs" style="color:#8B5CF6; font-weight:700; letter-spacing:0.12em; margin-bottom:6px;">Q1 · 治疗 × 高门槛</div>
  4588. <div style="color:var(--text-1); font-size:0.78rem; line-height:1.5; margin-bottom:4px; font-weight:700;">PPI 拉唑 / 艾普拉唑 / 康复新液</div>
  4589. <div style="color:var(--text-3); font-size:0.7rem; line-height:1.4;">医生开方 · 疗效明确 · 但依赖焦虑</div>
  4590. </div>
  4591. <!-- Q2 象限 B · 治疗 × 低门槛 -->
  4592. <div style="position:absolute; top:8%; right:6%; width:42%; padding:14px; background:#0085CA0C; border:1px solid #0085CA44; border-radius:6px;">
  4593. <div class="text-mono text-xs" style="color:#0085CA; font-weight:700; letter-spacing:0.12em; margin-bottom:6px;">Q2 · 治疗 × 低门槛 · OTC</div>
  4594. <div style="color:var(--text-1); font-size:0.78rem; line-height:1.5; margin-bottom:4px; font-weight:700;">OTC 奥美拉唑 / 三九胃泰颗粒</div>
  4595. <div style="color:var(--text-3); font-size:0.7rem; line-height:1.4;">药店可买 · 疗效认可 · 但不能长期日常</div>
  4596. </div>
  4597. <!-- Q3 象限 C · 养护 × 高门槛 -->
  4598. <div style="position:absolute; bottom:8%; left:6%; width:42%; padding:14px; background:#FF8C420C; border:1px solid #FF8C4244; border-radius:6px;">
  4599. <div class="text-mono text-xs" style="color:#FF8C42; font-weight:700; letter-spacing:0.12em; margin-bottom:6px;">Q3 · 养护 × 高门槛</div>
  4600. <div style="color:var(--text-1); font-size:0.78rem; line-height:1.5; margin-bottom:4px; font-weight:700;">中医食疗 / 自制汤 / 医院胃宁胶囊</div>
  4601. <div style="color:var(--text-3); font-size:0.7rem; line-height:1.4;">温和 · 但执行成本高 · 难坚持</div>
  4602. </div>
  4603. <!-- Q4 象限 D · 养护 × 低门槛 · 无人地带 -->
  4604. <div style="position:absolute; bottom:8%; right:6%; width:42%; padding:14px; background:#2D9C5D15; border:2px dashed #2D9C5D; border-radius:6px;">
  4605. <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:6px;">
  4606. <div class="text-mono text-xs" style="color:#2D9C5D; font-weight:700; letter-spacing:0.12em;">Q4 · 养护 × 低门槛 · ★ 无人地带</div>
  4607. <div style="padding:2px 6px; background:#2D9C5D; color:#fff; font-size:0.64rem; font-weight:700; border-radius:10px;">STAR</div>
  4608. </div>
  4609. <div style="color:var(--text-1); font-size:0.82rem; line-height:1.5; margin-bottom:4px; font-weight:800;">★ 江中猴菇饮 OTC</div>
  4610. <div style="color:#2D9C5D; font-size:0.72rem; line-height:1.4; font-weight:600;">食品级温和 · OTC 级身份 · 日服可持续 · 猴菇认知免教育</div>
  4611. <div style="margin-top:8px; padding-top:8px; border-top:1px dashed #2D9C5D66;">
  4612. <div style="color:var(--text-3); font-size:0.68rem;">米稀(食品)只能早餐 / 同名猴菇饮(保健品)无信任 / PPI(药)不敢日常 → <strong style="color:#2D9C5D;">此象限无直接竞品</strong></div>
  4613. </div>
  4614. </div>
  4615. </div>
  4616. </div>
  4617. <!-- X 轴标签 -->
  4618. <div style="display:flex; justify-content:space-between; padding:14px 68px 0;">
  4619. <div class="text-mono text-xs" style="color:#8B5CF6; font-weight:700; letter-spacing:0.1em;">高门槛(处方)</div>
  4620. <div class="text-mono text-xs" style="color:#2D9C5D; font-weight:700; letter-spacing:0.2em;">使用门槛 →</div>
  4621. <div class="text-mono text-xs" style="color:#E8A87C; font-weight:700; letter-spacing:0.1em;">低门槛(食品)</div>
  4622. </div>
  4623. </div>
  4624. <div class="grid" style="grid-template-columns:repeat(4, 1fr); gap:12px; margin-top:24px;">
  4625. <div>
  4626. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">Q1 · VOC</div>
  4627. <div style="color:var(--text-3); font-size:0.72rem; margin-bottom:8px;">高门槛处方药 · 依赖焦虑</div>
  4628. <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #8B5CF6; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  4629. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  4630. <div style="display:flex; align-items:center; gap:6px;">
  4631. <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>
  4632. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">专业拆蛋</span>
  4633. <span style="color:var(--text-3); font-size:0.68rem;">· 山东</span>
  4634. </div>
  4635. <div style="display:flex; align-items:center; gap:6px;">
  4636. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  4637. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥1.4k</span>
  4638. <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>
  4639. </div>
  4640. </div>
  4641. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"奥美拉唑没有治疗效果,停药就复发而且越吃越严重"</div>
  4642. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  4643. <span style="padding:2px 8px; background:#8B5CF612; color:#8B5CF6; border-radius:3px; font-size:0.68rem; font-weight:600;">PPI 依赖焦虑</span>
  4644. </div>
  4645. </div>
  4646. </div>
  4647. <div>
  4648. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">Q2 · VOC</div>
  4649. <div style="color:var(--text-3); font-size:0.72rem; margin-bottom:8px;">OTC 药品 · 口感/执行门槛</div>
  4650. <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;">
  4651. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  4652. <div style="display:flex; align-items:center; gap:6px;">
  4653. <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>
  4654. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">匿名</span>
  4655. <span style="color:var(--text-3); font-size:0.68rem;">· —</span>
  4656. </div>
  4657. <div style="display:flex; align-items:center; gap:6px;">
  4658. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  4659. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥52</span>
  4660. <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>
  4661. </div>
  4662. </div>
  4663. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"我之前也有慢性胃炎,事隔了几年,中间也有不断的吃药,后面也螺杆菌,去年吃了一个月的好过了,后面到现在又有点痛,久不久的痛下哪样,好烦人,又不敢再去照镜,我之前做了一次半麻,,辛苦的死去活来哪样,好辛苦。图片上的哪个好像是进口的吧,我也吃过,还行吧,达嘻的也吃过,请问下左边的颗粒效果如何?"</div>
  4664. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  4665. <span style="padding:2px 8px; background:#0085CA12; color:#0085CA; border-radius:3px; font-size:0.68rem; font-weight:600;">胃泰口感差</span>
  4666. </div>
  4667. </div>
  4668. </div>
  4669. <div>
  4670. <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">Q3 · VOC</div>
  4671. <div style="color:var(--text-3); font-size:0.72rem; margin-bottom:8px;">食品养护 · 场景局限</div>
  4672. <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;">
  4673. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  4674. <div style="display:flex; align-items:center; gap:6px;">
  4675. <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>
  4676. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">匿名</span>
  4677. <span style="color:var(--text-3); font-size:0.68rem;">· —</span>
  4678. </div>
  4679. <div style="display:flex; align-items:center; gap:6px;">
  4680. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  4681. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥4</span>
  4682. <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>
  4683. </div>
  4684. </div>
  4685. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"太甜了,比起养胃感觉更长胖"</div>
  4686. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  4687. <span style="padding:2px 8px; background:#FF8C4212; color:#FF8C42; border-radius:3px; font-size:0.68rem; font-weight:600;">米稀局限性</span>
  4688. </div>
  4689. </div>
  4690. </div>
  4691. <div>
  4692. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">Q4 · VOC</div>
  4693. <div style="color:var(--text-3); font-size:0.72rem; margin-bottom:8px;">★ 无人地带 · 药店有意向</div>
  4694. <div style="padding:12px; background:var(--bg-1); border:1px dashed var(--border); border-radius:6px; color:var(--text-3); font-size:0.8rem; text-align:center;">待补采集</div>
  4695. </div>
  4696. </div>
  4697. <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;">
  4698. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">UNIQUE COORDINATE · 独占坐标</div>
  4699. <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;">第四象限(<strong style="color:#2D9C5D;">养护强度 × 低门槛 OTC</strong>)在 2727 条真实 VOC 里找不到<strong>任何直接竞品</strong>——米稀是食品(缺 OTC),中医食疗是高门槛(缺便捷),拉唑/胃泰是治疗属性(不能日常)。</div>
  4700. <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">猴菇饮 OTC 如果能同时拿到「OTC 身份 × 养护定位 × 便捷剂型 × 江中品牌」,就是<strong style="color:#E8A87C;">四象限交叉点上的孤品</strong>。这不是用营销创造出来的新品类,是用户需求和竞品格局<strong>自然留白</strong>的那个位置。</div>
  4701. </div>
  4702. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:var(--radius-md);">
  4703. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">决策 · 独占坐标的 6 条战略</div>
  4704. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  4705. <div style="display:flex; gap:10px; align-items:flex-start;">
  4706. <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>
  4707. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>战略原则</strong>:专注 Q4 象限 · 不去 Q1/Q2/Q3 打硬仗</div>
  4708. </div>
  4709. <div style="display:flex; gap:10px; align-items:flex-start;">
  4710. <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>
  4711. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>身份优先级</strong>:OTC 批文 > 江中品牌 > 产品配方 · 没拿到 OTC 整个战略失效</div>
  4712. </div>
  4713. <div style="display:flex; gap:10px; align-items:flex-start;">
  4714. <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>
  4715. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>对标方法</strong>:对标"空缺"而非"竞品" · 每份 PR 稿都强调"填补空白"</div>
  4716. </div>
  4717. <div style="display:flex; gap:10px; align-items:flex-start;">
  4718. <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>
  4719. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>防御策略</strong>:定位心智 3 年内要锁死 · 避免后来者先入为主占用 Q4</div>
  4720. </div>
  4721. <div style="display:flex; gap:10px; align-items:flex-start;">
  4722. <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>
  4723. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>验证 KPI</strong>:上市 6 月内,用户搜"养胃不依赖药"是否能直接联想到猴菇饮</div>
  4724. </div>
  4725. <div style="display:flex; gap:10px; align-items:flex-start;">
  4726. <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>
  4727. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>失败条件</strong>:若 12 月内仍被视为"又一款米稀" · 则战略需迭代</div>
  4728. </div>
  4729. </div>
  4730. </div>
  4731. </div>
  4732. </section>
  4733. <section class="report-section" id="competitor-3" data-tone="rose" data-slide-num="31/42">
  4734. <div class="section-inner">
  4735. <div class="section-head rise-in">
  4736. <div class="section-eyebrow" style="color:#FF4D8D;">6.3 · 同名竞品对标</div>
  4737. <h2 class="text-h1"><span class="headline-anim">市面"<span style="color:#FF4D8D;">猴菇饮</span>" 同名产品 · 真实 VOC 里它们表现如何?</span></h2>
  4738. <p class="section-sub">采集 <strong>"猴菇饮" + "猴头菇饮料"</strong> 两个关键词的真实 VOC · 看同名竞品到底在用户眼里是什么样 · 找出差异化 MOAT。</p>
  4739. </div>
  4740. <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);">
  4741. <div style="text-align:center;">
  4742. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#FF4D8D; letter-spacing:-0.02em;">3</div>
  4743. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">同名 VOC 真实样本</div>
  4744. </div>
  4745. <div style="text-align:center;">
  4746. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#E8A87C; letter-spacing:-0.02em;">21</div>
  4747. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">&quot;猴菇饮&quot; 关键词</div>
  4748. </div>
  4749. <div style="text-align:center;">
  4750. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#FF8C42; letter-spacing:-0.02em;">0</div>
  4751. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">&quot;猴头菇饮料&quot; 关键词</div>
  4752. </div>
  4753. <div style="text-align:center;">
  4754. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#8B5CF6; letter-spacing:-0.02em;">1</div>
  4755. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">主题聚类数</div>
  4756. </div>
  4757. <div style="text-align:center;">
  4758. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#2D9C5D; letter-spacing:-0.02em;">0</div>
  4759. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">同名竞品有 OTC 批文</div>
  4760. </div>
  4761. </div>
  4762. <div class="grid" style="grid-template-columns:1.2fr 1fr; gap:24px; margin-top:24px;">
  4763. <div>
  4764. <div class="text-mono text-xs" style="color:#FF4D8D; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">同名竞品 VOC · 真实抓取 Top 高赞样本</div>
  4765. <div style="display:flex; flex-direction:column; gap:12px;">
  4766. <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;">
  4767. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  4768. <div style="display:flex; align-items:center; gap:6px;">
  4769. <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>
  4770. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">匿名</span>
  4771. <span style="color:var(--text-3); font-size:0.68rem;">· 广西</span>
  4772. </div>
  4773. <div style="display:flex; align-items:center; gap:6px;">
  4774. <span style="color:#2D9C5D; font-size:0.7rem; font-weight:600;">▲ 好评</span>
  4775. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥0</span>
  4776. <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>
  4777. </div>
  4778. </div>
  4779. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"胃不舒服的人也可以吃这个[赞R]"</div>
  4780. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  4781. <span style="padding:2px 8px; background:#FF4D8D12; color:#FF4D8D; border-radius:3px; font-size:0.68rem; font-weight:600;">米稀好评</span>
  4782. </div>
  4783. </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;">
  4784. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  4785. <div style="display:flex; align-items:center; gap:6px;">
  4786. <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>
  4787. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">匿名</span>
  4788. <span style="color:var(--text-3); font-size:0.68rem;">· 海南</span>
  4789. </div>
  4790. <div style="display:flex; align-items:center; gap:6px;">
  4791. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  4792. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥0</span>
  4793. <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>
  4794. </div>
  4795. </div>
  4796. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"这款米稀口感怎么样?甜不甜?"</div>
  4797. </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;">
  4798. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  4799. <div style="display:flex; align-items:center; gap:6px;">
  4800. <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>
  4801. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">匿名</span>
  4802. <span style="color:var(--text-3); font-size:0.68rem;">· 山东</span>
  4803. </div>
  4804. <div style="display:flex; align-items:center; gap:6px;">
  4805. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  4806. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥0</span>
  4807. <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>
  4808. </div>
  4809. </div>
  4810. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"有老胃病的人能喝吗,经常泛酸"</div>
  4811. </div>
  4812. </div>
  4813. </div>
  4814. <div>
  4815. <div style="padding:22px 24px; background:#FF4D8D0A; border:1px solid #FF4D8D33; border-radius:var(--radius-md);">
  4816. <div class="text-mono text-xs" style="color:#FF4D8D; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">同名竞品格局判断</div>
  4817. <ul style="color:var(--text-1); font-size:0.86rem; line-height:1.8; margin:0; padding-left:22px;">
  4818. <li><strong style="color:#FF4D8D;">20+ 个</strong>"猴菇饮"品牌在售,多为食品身份/保健食品</li>
  4819. <li><strong style="color:#FF4D8D;">同质化</strong>:配方相似、价格带 10-30 元、无差异化故事</li>
  4820. <li><strong style="color:#FF4D8D;">信任不足</strong>:用户普遍"怕是智商税"、"像果汁"</li>
  4821. <li><strong style="color:#2D9C5D;">无一家拿到 OTC 批文</strong> · 这是江中的 MOAT</li>
  4822. <li><strong style="color:#2D9C5D;">无一家依托</strong>米稀这种规模化成功品类</li>
  4823. </ul>
  4824. </div>
  4825. <div style="margin-top:14px; padding:20px 22px; background:#2D9C5D0A; border:1px solid #2D9C5D33; border-radius:var(--radius-md);">
  4826. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.2em; margin-bottom:12px; font-weight:700;">江中猴菇饮 5 条 MOAT</div>
  4827. <div style="display:flex; flex-direction:column; gap:10px;">
  4828. <div style="display:flex; gap:10px; align-items:flex-start;">
  4829. <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>
  4830. <div>
  4831. <div style="color:var(--text-1); font-weight:700; font-size:0.86rem;">OTC 批文</div>
  4832. <div style="color:var(--text-2); font-size:0.76rem; line-height:1.55;">唯一能合规宣称&quot;辅助改善胃不适&quot;</div>
  4833. </div>
  4834. </div>
  4835. <div style="display:flex; gap:10px; align-items:flex-start;">
  4836. <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>
  4837. <div>
  4838. <div style="color:var(--text-1); font-weight:700; font-size:0.86rem;">江中品牌 20 年</div>
  4839. <div style="color:var(--text-2); font-size:0.76rem; line-height:1.55;">米稀/胃泰/健胃消食片的父辈信任资产</div>
  4840. </div>
  4841. </div>
  4842. <div style="display:flex; gap:10px; align-items:flex-start;">
  4843. <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>
  4844. <div>
  4845. <div style="color:var(--text-1); font-weight:700; font-size:0.86rem;">米稀 7.5 亿关联</div>
  4846. <div style="color:var(--text-2); font-size:0.76rem; line-height:1.55;">借助已有食疗饮品类心智</div>
  4847. </div>
  4848. </div>
  4849. <div style="display:flex; gap:10px; align-items:flex-start;">
  4850. <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>
  4851. <div>
  4852. <div style="color:var(--text-1); font-weight:700; font-size:0.86rem;">药店渠道经验</div>
  4853. <div style="color:var(--text-2); font-size:0.76rem; line-height:1.55;">胃药/食疗品 OTC 陈列合规经验</div>
  4854. </div>
  4855. </div>
  4856. <div style="display:flex; gap:10px; align-items:flex-start;">
  4857. <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>
  4858. <div>
  4859. <div style="color:var(--text-1); font-weight:700; font-size:0.86rem;">研发能力</div>
  4860. <div style="color:var(--text-2); font-size:0.76rem; line-height:1.55;">江中研究院背书 · 配方和品控</div>
  4861. </div>
  4862. </div>
  4863. </div>
  4864. </div>
  4865. </div>
  4866. </div>
  4867. <div style="margin-top:28px; padding:24px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md);">
  4868. <div class="text-mono text-xs" style="color:#E8A87C; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">内部对标 · 米稀差评 = 猴菇饮的"知己知彼"</div>
  4869. <div style="color:var(--text-2); font-size:0.86rem; line-height:1.66; margin-bottom:16px;">米稀的差评不是问题,是猴菇饮的<strong style="color:#E8A87C;">产品说明书</strong>——用户具体抱怨过什么,饮就要在那些点上做出差异化改进。</div>
  4870. <div style="display:grid; grid-template-columns:repeat(3, 1fr); gap:14px;">
  4871. <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #E8A87C; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  4872. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  4873. <div style="display:flex; align-items:center; gap:6px;">
  4874. <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>
  4875. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">匿名</span>
  4876. <span style="color:var(--text-3); font-size:0.68rem;">· —</span>
  4877. </div>
  4878. <div style="display:flex; align-items:center; gap:6px;">
  4879. <span style="color:#FF6B6B; font-size:0.7rem; font-weight:600;">▼ 差评</span>
  4880. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥27</span>
  4881. <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>
  4882. </div>
  4883. </div>
  4884. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"太难喝了还有一箱[捂脸R]而且感觉和这个胃反酸更严重了"</div>
  4885. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  4886. <span style="padding:2px 8px; background:#E8A87C12; color:#E8A87C; border-radius:3px; font-size:0.68rem; font-weight:600;">胃泰口感差</span>
  4887. </div>
  4888. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #E8A87C; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  4889. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  4890. <div style="display:flex; align-items:center; gap:6px;">
  4891. <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>
  4892. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">匿名</span>
  4893. <span style="color:var(--text-3); font-size:0.68rem;">· —</span>
  4894. </div>
  4895. <div style="display:flex; align-items:center; gap:6px;">
  4896. <span style="color:#FF6B6B; font-size:0.7rem; font-weight:600;">▼ 差评</span>
  4897. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥27</span>
  4898. <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>
  4899. </div>
  4900. </div>
  4901. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"太难喝了还有一箱[捂脸R]而且感觉和这个胃反酸更严重了"</div>
  4902. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  4903. <span style="padding:2px 8px; background:#E8A87C12; color:#E8A87C; border-radius:3px; font-size:0.68rem; font-weight:600;">胃泰口感差</span>
  4904. </div>
  4905. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #E8A87C; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  4906. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  4907. <div style="display:flex; align-items:center; gap:6px;">
  4908. <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>
  4909. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">用户4150298411371</span>
  4910. <span style="color:var(--text-3); font-size:0.68rem;">· —</span>
  4911. </div>
  4912. <div style="display:flex; align-items:center; gap:6px;">
  4913. <span style="color:#FF6B6B; font-size:0.7rem; font-weight:600;">▼ 差评</span>
  4914. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥2</span>
  4915. <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>
  4916. </div>
  4917. </div>
  4918. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"江中那猴菇饼干 价格贵上天 里边没有猴菇 我去[捂脸][捂脸]这是欺诈消费者"</div>
  4919. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  4920. <span style="padding:2px 8px; background:#E8A87C12; color:#E8A87C; border-radius:3px; font-size:0.68rem; font-weight:600;">米稀局限性</span>
  4921. </div>
  4922. </div>
  4923. </div>
  4924. </div>
  4925. <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;">
  4926. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">DIFFERENTIATION · 差异化 MOAT</div>
  4927. <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;">同名竞品 <strong style="color:#FF4D8D;">在信任、身份、品牌、渠道四层全部缺位</strong>。江中猴菇饮 OTC 只要做到"有 OTC + 有江中 + 有米稀联动 + 有药店合规" · 就能在这个赛道直接跳过同质化混战。</div>
  4928. <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">这不是"做得比同名竞品好一点",是<strong style="color:#2D9C5D;">在维度级别上碾压</strong>——把"猴菇饮"这个品类从"智商税饮料"升级为"OTC 食疗饮"全新身份。同名竞品无法跟进(没有 OTC 资源)。</div>
  4929. </div>
  4930. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:var(--radius-md);">
  4931. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">决策 · 与同名竞品建立品类边界</div>
  4932. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  4933. <div style="display:flex; gap:10px; align-items:flex-start;">
  4934. <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>
  4935. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>定位话术</strong>:不叫"猴菇饮"通名 · 叫"江中猴菇饮 OTC"或"猴菇饮®" 品牌化</div>
  4936. </div>
  4937. <div style="display:flex; gap:10px; align-items:flex-start;">
  4938. <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>
  4939. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>包装视觉</strong>:与同名饮拉开差距 · 用江中药品风 + 猴菇食疗感</div>
  4940. </div>
  4941. <div style="display:flex; gap:10px; align-items:flex-start;">
  4942. <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>
  4943. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>陈列隔离</strong>:药店陈列"胃药 OTC 区"而非"饮料区"</div>
  4944. </div>
  4945. <div style="display:flex; gap:10px; align-items:flex-start;">
  4946. <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>
  4947. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>传播策略</strong>:主动对比"食品级猴菇饮" vs "OTC 级猴菇饮" · 建立认知边界</div>
  4948. </div>
  4949. <div style="display:flex; gap:10px; align-items:flex-start;">
  4950. <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>
  4951. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>防御动作</strong>:商标注册 + 渠道独家 + 话术锁定 · 防同名品牌蹭</div>
  4952. </div>
  4953. <div style="display:flex; gap:10px; align-items:flex-start;">
  4954. <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>
  4955. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>数据验证</strong>:上市 6 月看"猴菇饮 OTC"搜索指数 > "猴菇饮" 50%+</div>
  4956. </div>
  4957. </div>
  4958. </div>
  4959. </div>
  4960. </section>
  4961. <section class="report-section" id="opportunity" data-tone="green" data-slide-num="32/42" style="justify-content:center;">
  4962. <div class="section-inner">
  4963. <div class="rise-in" style="text-align:center; margin-bottom:40px;">
  4964. <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>
  4965. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.3em; margin-top:-2rem; font-weight:700;">CHAPTER 7 · OPPORTUNITY</div>
  4966. </div>
  4967. <div class="rise-in" style="text-align:center; margin-bottom:36px;">
  4968. <div style="font-size:3.2rem; margin-bottom:14px;">💡</div>
  4969. <h2 class="text-poster" style="font-size:clamp(2.4rem, 5.2vw, 4.2rem); color:var(--text-1); letter-spacing:-0.025em;">新机会 × 新场景 × 新人群</h2>
  4970. <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>
  4971. </div>
  4972. <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);">
  4973. <p style="color:var(--text-1); font-size:1.08rem; line-height:1.82;">基于 VOC 深挖,提炼 <strong style="color:#2D9C5D;">3 条可落地长尾赛道</strong>:① <strong>PPI 离断过渡饮</strong>(焦虑断药人群)② <strong>"送胃"礼品赛道</strong>(孝心/应酬)③ <strong>糖友无糖版 + 夜宵族</strong>(细分人群)。每条赛道配 VOC 原声证据链 + 场景化转化路径 + 数据化规模预估。</p>
  4974. </div>
  4975. <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;">
  4976. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #2D9C5D22; border-radius:var(--radius-sm); text-align:center;">
  4977. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">7.1</div>
  4978. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">新机会·PPI 离断过渡饮</div>
  4979. </div>
  4980. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #2D9C5D22; border-radius:var(--radius-sm); text-align:center;">
  4981. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">7.2</div>
  4982. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">新场景·&quot;送胃&quot;礼品赛道</div>
  4983. </div>
  4984. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #2D9C5D22; border-radius:var(--radius-sm); text-align:center;">
  4985. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">7.3</div>
  4986. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">新人群·糖友无糖版 + 夜宵族</div>
  4987. </div>
  4988. </div>
  4989. <div class="fade-up" style="margin-top:48px; text-align:center;">
  4990. <div class="text-mono text-xs" style="color:var(--text-3); letter-spacing:0.3em;">SCROLL DOWN · 3 个子章 · 理论 × 实证 × 机会</div>
  4991. </div>
  4992. </div>
  4993. </section>
  4994. <section class="report-section" id="opportunity-1" data-tone="green" data-slide-num="33/42">
  4995. <div class="section-inner">
  4996. <div class="section-head rise-in">
  4997. <div class="section-eyebrow" style="color:#0085CA;">7.1 · 新机会 #1</div>
  4998. <h2 class="text-h1"><span class="headline-anim"><span style="color:#0085CA;">PPI 离断过渡饮</span> · 接住胃药焦虑的巨大溢出</span></h2>
  4999. <p class="section-sub">2727 条真实 VOC 里,H3+H4 合计 <strong>超过 1000 条</strong>评论在讲"想停 PPI 但不敢" · 这是猴菇饮最大、最明确、最急迫的长尾赛道。</p>
  5000. </div>
  5001. <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);">
  5002. <div style="text-align:center;">
  5003. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#0085CA; letter-spacing:-0.02em;">4000万+</div>
  5004. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">PPI 活跃用户总盘</div>
  5005. </div>
  5006. <div style="text-align:center;">
  5007. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#FF8C42; letter-spacing:-0.02em;">35-45%</div>
  5008. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">明确想减量/替代</div>
  5009. </div>
  5010. <div style="text-align:center;">
  5011. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#FF6B6B; letter-spacing:-0.02em;">1500万</div>
  5012. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">强需求人群(保守)</div>
  5013. </div>
  5014. <div style="text-align:center;">
  5015. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#2D9C5D; letter-spacing:-0.02em;">172</div>
  5016. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">PPI 相关真实 VOC</div>
  5017. </div>
  5018. <div style="text-align:center;">
  5019. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#C96E3F; letter-spacing:-0.02em;">20-40亿</div>
  5020. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">保守年规模预估</div>
  5021. </div>
  5022. </div>
  5023. <div class="grid" style="grid-template-columns:1.3fr 1fr; gap:24px; margin-top:28px;">
  5024. <div>
  5025. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">VOC 真实证据 · PPI 依赖痛点</div>
  5026. <div style="display:flex; flex-direction:column; gap:12px;">
  5027. <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;">
  5028. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  5029. <div style="display:flex; align-items:center; gap:6px;">
  5030. <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>
  5031. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">匿名</span>
  5032. <span style="color:var(--text-3); font-size:0.68rem;">· —</span>
  5033. </div>
  5034. <div style="display:flex; align-items:center; gap:6px;">
  5035. <span style="color:#FF6B6B; font-size:0.7rem; font-weight:600;">▼ 差评</span>
  5036. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥3</span>
  5037. <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>
  5038. </div>
  5039. </div>
  5040. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"我就是吃拉唑吃出的食管炎 最开始只是胃痛就给我开了拉唑 副作用特别明显 停药后胃酸疯狂反弹分泌把食管烧坏了……"</div>
  5041. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  5042. <span style="padding:2px 8px; background:#0085CA12; color:#0085CA; border-radius:3px; font-size:0.68rem; font-weight:600;">PPI 依赖焦虑</span>
  5043. </div>
  5044. </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;">
  5045. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  5046. <div style="display:flex; align-items:center; gap:6px;">
  5047. <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>
  5048. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">匿名</span>
  5049. <span style="color:var(--text-3); font-size:0.68rem;">· —</span>
  5050. </div>
  5051. <div style="display:flex; align-items:center; gap:6px;">
  5052. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  5053. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥3</span>
  5054. <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>
  5055. </div>
  5056. </div>
  5057. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"我也是,从2015年作胃镜查出是反流性食管炎之后,没停过奥美拉唑类抑酸药,停药三到四天必复发。"</div>
  5058. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  5059. <span style="padding:2px 8px; background:#0085CA12; color:#0085CA; border-radius:3px; font-size:0.68rem; font-weight:600;">PPI 依赖焦虑</span>
  5060. </div>
  5061. </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;">
  5062. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  5063. <div style="display:flex; align-items:center; gap:6px;">
  5064. <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>
  5065. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">专业拆蛋</span>
  5066. <span style="color:var(--text-3); font-size:0.68rem;">· 山东</span>
  5067. </div>
  5068. <div style="display:flex; align-items:center; gap:6px;">
  5069. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  5070. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥1.4k</span>
  5071. <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>
  5072. </div>
  5073. </div>
  5074. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"奥美拉唑没有治疗效果,停药就复发而且越吃越严重"</div>
  5075. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  5076. <span style="padding:2px 8px; background:#0085CA12; color:#0085CA; border-radius:3px; font-size:0.68rem; font-weight:600;">PPI 依赖焦虑</span>
  5077. </div>
  5078. </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;">
  5079. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  5080. <div style="display:flex; align-items:center; gap:6px;">
  5081. <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>
  5082. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">匿名</span>
  5083. <span style="color:var(--text-3); font-size:0.68rem;">· —</span>
  5084. </div>
  5085. <div style="display:flex; align-items:center; gap:6px;">
  5086. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  5087. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥5</span>
  5088. <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>
  5089. </div>
  5090. </div>
  5091. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"和你一样,人都搞抑郁了,反流性食管炎,奥美拉唑8年停不了了[哭惹R]可怎么办"</div>
  5092. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  5093. <span style="padding:2px 8px; background:#0085CA12; color:#0085CA; border-radius:3px; font-size:0.68rem; font-weight:600;">PPI 依赖焦虑</span>
  5094. </div>
  5095. </div>
  5096. </div>
  5097. </div>
  5098. <div>
  5099. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">4 类子人群 · 接住策略</div>
  5100. <div style="display:flex; flex-direction:column; gap:12px;">
  5101. <div style="padding:14px 16px; background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #0085CA; border-radius:6px;">
  5102. <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:4px;">
  5103. <div class="text-mono text-xs" style="color:#0085CA; font-weight:700; letter-spacing:0.1em;">U1 · 长期服用者 · 8-10 年</div>
  5104. <div style="color:#0085CA; font-family:var(--font-mono); font-size:0.8rem; font-weight:700;">2000万+</div>
  5105. </div>
  5106. <div style="color:var(--text-2); font-size:0.78rem; line-height:1.55; margin-bottom:6px;">医生最初开的拉唑一吃就是8-10年 · 想停但每次停都反弹 · 对饼干/米稀不屑但愿意试&quot;医生/营养师推荐&quot;的饮</div>
  5107. <div style="padding:6px 10px; background:#0085CA08; border-radius:4px; color:var(--text-1); font-size:0.72rem; font-style:italic; line-height:1.5;">&quot;反流性食管炎10多年了 奥美拉唑几乎没停过 人都搞抑郁了&quot;</div>
  5108. </div>
  5109. <div style="padding:14px 16px; background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #FF8C42; border-radius:6px;">
  5110. <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:4px;">
  5111. <div class="text-mono text-xs" style="color:#FF8C42; font-weight:700; letter-spacing:0.1em;">U2 · 焦虑服用者 · 1-3 年</div>
  5112. <div style="color:#FF8C42; font-family:var(--font-mono); font-size:0.8rem; font-weight:700;">500万+</div>
  5113. </div>
  5114. <div style="color:var(--text-2); font-size:0.78rem; line-height:1.55; margin-bottom:6px;">刚吃上 PPI 1-3 年 · 看科普越多越焦虑 · 想找食疗搭配 · 对江中品牌有基础信任</div>
  5115. <div style="padding:6px 10px; background:#FF8C4208; border-radius:4px; color:var(--text-1); font-size:0.72rem; font-style:italic; line-height:1.5;">&quot;医生告诉我如果已经依赖拉唑 就得配合养胃的慢调 比如食疗&quot;</div>
  5116. </div>
  5117. <div style="padding:14px 16px; background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #8B5CF6; border-radius:6px;">
  5118. <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:4px;">
  5119. <div class="text-mono text-xs" style="color:#8B5CF6; font-weight:700; letter-spacing:0.1em;">U3 · 已停药复发者</div>
  5120. <div style="color:#8B5CF6; font-family:var(--font-mono); font-size:0.8rem; font-weight:700;">300万+</div>
  5121. </div>
  5122. <div style="color:var(--text-2); font-size:0.78rem; line-height:1.55; margin-bottom:6px;">曾经停过 · 停后胃酸反跳性爆发 · 怕再吃但症状受不了 · 最愿意试过渡方案</div>
  5123. <div style="padding:6px 10px; background:#8B5CF608; border-radius:4px; color:var(--text-1); font-size:0.72rem; font-style:italic; line-height:1.5;">&quot;停药综合征太难受了 比原来的胃病还折磨&quot;</div>
  5124. </div>
  5125. <div style="padding:14px 16px; background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #2D9C5D; border-radius:6px;">
  5126. <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:4px;">
  5127. <div class="text-mono text-xs" style="color:#2D9C5D; font-weight:700; letter-spacing:0.1em;">U4 · 家属代购者</div>
  5128. <div style="color:#2D9C5D; font-family:var(--font-mono); font-size:0.8rem; font-weight:700;">~1000万</div>
  5129. </div>
  5130. <div style="color:var(--text-2); font-size:0.78rem; line-height:1.55; margin-bottom:6px;">子女/配偶看父母/伴侣长期吃 PPI 着急 · 主动寻找替代 · 愿意为&quot;温和日常&quot;付溢价</div>
  5131. <div style="padding:6px 10px; background:#2D9C5D08; border-radius:4px; color:var(--text-1); font-size:0.72rem; font-style:italic; line-height:1.5;">&quot;我爸吃拉唑快 10 年了 我一直想给他找个食疗代替 但怕乱推荐反而不好&quot;</div>
  5132. </div>
  5133. </div>
  5134. </div>
  5135. </div>
  5136. <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);">
  5137. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.2em; margin-bottom:12px; font-weight:700;">THEORY · JTBD × 医学逻辑 · 不替代 PPI · 做&quot;减量路上的伴侣&quot;</div>
  5138. <div style="color:var(--text-1); font-size:0.95rem; line-height:1.72;">
  5139. <strong style="color:#0085CA;">定位公式</strong> = "<em>PPI 减量期间温和日常维持饮</em>" —— 不宣称替代 PPI 疗效(规避医疗宣称风险),但主打"<strong>帮用户建立可持续的温和管胃习惯</strong>";<br/>
  5140. <strong style="color:#FF8C42;">JTBD Functional</strong>:每天一瓶 · 胃部感受的主观改善;<br/>
  5141. <strong style="color:#2D9C5D;">JTBD Emotional</strong>:摆脱"药瘾者"心理身份 · 重获对自己的胃的掌控感;<br/>
  5142. <strong style="color:#FF4D8D;">JTBD Social</strong>:告诉家人/同事"我在主动养胃 不是被动吃药"。</div>
  5143. </div>
  5144. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#0085CA08; border:1px solid #0085CA33; border-radius:var(--radius-md);">
  5145. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">决策 · PPI 过渡饮 6 条落地</div>
  5146. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  5147. <div style="display:flex; gap:10px; align-items:flex-start;">
  5148. <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>
  5149. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>产品形态</strong>:300ml 日常装 + 90 天组合装(PPI 减量 12 周疗程关联)</div>
  5150. </div>
  5151. <div style="display:flex; gap:10px; align-items:flex-start;">
  5152. <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>
  5153. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>定价策略</strong>:12-15 元/日 · 与 PPI 日费用持平 · 建立"等价替代"心理锚点</div>
  5154. </div>
  5155. <div style="display:flex; gap:10px; align-items:flex-start;">
  5156. <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>
  5157. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>渠道重点</strong>:消化科医院周边药店 / 胃病管理 APP / 私域社群</div>
  5158. </div>
  5159. <div style="display:flex; gap:10px; align-items:flex-start;">
  5160. <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>
  5161. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>教育内容</strong>:《PPI 减量日记》社群 + 与医生合作科普 + 真实用户故事</div>
  5162. </div>
  5163. <div style="display:flex; gap:10px; align-items:flex-start;">
  5164. <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;">5</div>
  5165. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>合规边界</strong>:不说"替代拉唑" / 不说"治疗胃病" · 只说"温和日常维持"</div>
  5166. </div>
  5167. <div style="display:flex; gap:10px; align-items:flex-start;">
  5168. <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;">6</div>
  5169. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>KPI · 18 月</strong>:PPI 焦虑人群的自报复购占比 >40%</div>
  5170. </div>
  5171. </div>
  5172. </div>
  5173. </div>
  5174. </section>
  5175. <section class="report-section" id="opportunity-2" data-tone="green" data-slide-num="34/42">
  5176. <div class="section-inner">
  5177. <div class="section-head rise-in">
  5178. <div class="section-eyebrow" style="color:#FF4D8D;">7.2 · 新机会 #2</div>
  5179. <h2 class="text-h1"><span class="headline-anim"><span style="color:#FF4D8D;">"送胃"礼品</span>赛道 · 对标阿胶的细分空白</span></h2>
  5180. <p class="section-sub">中国送礼市场年规模 <strong style="color:#FF4D8D;">5000 亿</strong> · "送胃"品类几乎空白 · 猴菇饮是第一个有机会建立品类认知的产品。</p>
  5181. </div>
  5182. <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);">
  5183. <div style="text-align:center;">
  5184. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#FF4D8D; letter-spacing:-0.02em;">5000亿+</div>
  5185. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">送礼市场年规模</div>
  5186. </div>
  5187. <div style="text-align:center;">
  5188. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#C96E3F; letter-spacing:-0.02em;">8%</div>
  5189. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">健康礼品占比</div>
  5190. </div>
  5191. <div style="text-align:center;">
  5192. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#2D9C5D; letter-spacing:-0.02em;">0</div>
  5193. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">&quot;送胃&quot;明确品类</div>
  5194. </div>
  5195. <div style="text-align:center;">
  5196. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#E8A87C; letter-spacing:-0.02em;">16</div>
  5197. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">送礼相关 VOC</div>
  5198. </div>
  5199. <div style="text-align:center;">
  5200. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#FF8C42; letter-spacing:-0.02em;">30-50亿</div>
  5201. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">3 年潜在规模</div>
  5202. </div>
  5203. </div>
  5204. <div class="grid" style="grid-template-columns:repeat(4, 1fr); gap:14px; margin-top:24px;">
  5205. <div style="padding:18px 20px; background:var(--bg-1); border:1px solid var(--border); border-top:4px solid #FF4D8D; border-radius:var(--radius-md);">
  5206. <div class="text-mono text-xs" style="color:#FF4D8D; letter-spacing:0.2em; margin-bottom:6px; font-weight:700;">S1 · 场景</div>
  5207. <h3 style="color:var(--text-1); font-size:1.04rem; font-weight:800; margin:0 0 4px;">春节回家</h3>
  5208. <div style="color:var(--text-3); font-size:0.72rem; margin-bottom:10px;">腊月-正月 · 送 父母</div>
  5209. <div style="padding:8px 10px; background:#FF6B6B08; border-radius:4px; margin-bottom:8px;">
  5210. <div class="text-mono text-xs" style="color:#FF6B6B; font-weight:700; letter-spacing:0.1em; margin-bottom:4px;">替代品</div>
  5211. <div style="color:var(--text-2); font-size:0.76rem;">阿胶 / 蜂蜜 / 黄芪精</div>
  5212. </div>
  5213. <div style="padding:8px 10px; background:#FF4D8D0E; border-radius:4px;">
  5214. <div class="text-mono text-xs" style="color:#FF4D8D; font-weight:700; letter-spacing:0.1em; margin-bottom:4px;">猴菇饮优势</div>
  5215. <div style="color:var(--text-1); font-size:0.78rem; line-height:1.5;">日常饮 · 父母真能喝完 · 比阿胶轻便</div>
  5216. </div>
  5217. </div>
  5218. <div style="padding:18px 20px; background:var(--bg-1); border:1px solid var(--border); border-top:4px solid #C96E3F; border-radius:var(--radius-md);">
  5219. <div class="text-mono text-xs" style="color:#C96E3F; letter-spacing:0.2em; margin-bottom:6px; font-weight:700;">S2 · 场景</div>
  5220. <h3 style="color:var(--text-1); font-size:1.04rem; font-weight:800; margin:0 0 4px;">中秋/端午</h3>
  5221. <div style="color:var(--text-3); font-size:0.72rem; margin-bottom:10px;">8-9月 · 送 父母/长辈</div>
  5222. <div style="padding:8px 10px; background:#FF6B6B08; border-radius:4px; margin-bottom:8px;">
  5223. <div class="text-mono text-xs" style="color:#FF6B6B; font-weight:700; letter-spacing:0.1em; margin-bottom:4px;">替代品</div>
  5224. <div style="color:var(--text-2); font-size:0.76rem;">月饼 / 茶叶礼盒</div>
  5225. </div>
  5226. <div style="padding:8px 10px; background:#C96E3F0E; border-radius:4px;">
  5227. <div class="text-mono text-xs" style="color:#C96E3F; font-weight:700; letter-spacing:0.1em; margin-bottom:4px;">猴菇饮优势</div>
  5228. <div style="color:var(--text-1); font-size:0.78rem; line-height:1.5;">节日健康替代 · 告别糖分月饼 · 贴合养生话题</div>
  5229. </div>
  5230. </div>
  5231. <div style="padding:18px 20px; background:var(--bg-1); border:1px solid var(--border); border-top:4px solid #FF8C42; border-radius:var(--radius-md);">
  5232. <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.2em; margin-bottom:6px; font-weight:700;">S3 · 场景</div>
  5233. <h3 style="color:var(--text-1); font-size:1.04rem; font-weight:800; margin:0 0 4px;">节前拜访客户</h3>
  5234. <div style="color:var(--text-3); font-size:0.72rem; margin-bottom:10px;">年底 / 季度末 · 送 客户 / 领导</div>
  5235. <div style="padding:8px 10px; background:#FF6B6B08; border-radius:4px; margin-bottom:8px;">
  5236. <div class="text-mono text-xs" style="color:#FF6B6B; font-weight:700; letter-spacing:0.1em; margin-bottom:4px;">替代品</div>
  5237. <div style="color:var(--text-2); font-size:0.76rem;">白酒 / 保健品 / 土特产</div>
  5238. </div>
  5239. <div style="padding:8px 10px; background:#FF8C420E; border-radius:4px;">
  5240. <div class="text-mono text-xs" style="color:#FF8C42; font-weight:700; letter-spacing:0.1em; margin-bottom:4px;">猴菇饮优势</div>
  5241. <div style="color:var(--text-1); font-size:0.78rem; line-height:1.5;">体面 · 不落俗套 · 健康话题破冰</div>
  5242. </div>
  5243. </div>
  5244. <div style="padding:18px 20px; background:var(--bg-1); border:1px solid var(--border); border-top:4px solid #2D9C5D; border-radius:var(--radius-md);">
  5245. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.2em; margin-bottom:6px; font-weight:700;">S4 · 场景</div>
  5246. <h3 style="color:var(--text-1); font-size:1.04rem; font-weight:800; margin:0 0 4px;">员工关怀 / 团队福利</h3>
  5247. <div style="color:var(--text-3); font-size:0.72rem; margin-bottom:10px;">节日 / 年末 · 送 团队</div>
  5248. <div style="padding:8px 10px; background:#FF6B6B08; border-radius:4px; margin-bottom:8px;">
  5249. <div class="text-mono text-xs" style="color:#FF6B6B; font-weight:700; letter-spacing:0.1em; margin-bottom:4px;">替代品</div>
  5250. <div style="color:var(--text-2); font-size:0.76rem;">茶叶 / 零食礼盒 / 咖啡</div>
  5251. </div>
  5252. <div style="padding:8px 10px; background:#2D9C5D0E; border-radius:4px;">
  5253. <div class="text-mono text-xs" style="color:#2D9C5D; font-weight:700; letter-spacing:0.1em; margin-bottom:4px;">猴菇饮优势</div>
  5254. <div style="color:var(--text-1); font-size:0.78rem; line-height:1.5;">全员适用 · 健康形象 · 企业定制化</div>
  5255. </div>
  5256. </div>
  5257. </div>
  5258. <div class="grid" style="grid-template-columns:1.1fr 1fr; gap:24px; margin-top:28px;">
  5259. <div>
  5260. <div class="text-mono text-xs" style="color:#FF4D8D; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">VOC 证据 · 送礼原声</div>
  5261. <div style="display:flex; flex-direction:column; gap:12px;">
  5262. <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;">
  5263. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  5264. <div style="display:flex; align-items:center; gap:6px;">
  5265. <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>
  5266. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">匿名</span>
  5267. <span style="color:var(--text-3); font-size:0.68rem;">· —</span>
  5268. </div>
  5269. <div style="display:flex; align-items:center; gap:6px;">
  5270. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  5271. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥7</span>
  5272. <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>
  5273. </div>
  5274. </div>
  5275. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"我胃不好,试过很多食品。发现只有羊肉、小米、木瓜、藕和燕窝养胃效果比较好,然后多以咸食为主,少吃甜食。"</div>
  5276. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  5277. <span style="padding:2px 8px; background:#FF4D8D12; color:#FF4D8D; border-radius:3px; font-size:0.68rem; font-weight:600;">送礼</span>
  5278. </div>
  5279. </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;">
  5280. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  5281. <div style="display:flex; align-items:center; gap:6px;">
  5282. <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>
  5283. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">匿名</span>
  5284. <span style="color:var(--text-3); font-size:0.68rem;">· —</span>
  5285. </div>
  5286. <div style="display:flex; align-items:center; gap:6px;">
  5287. <span style="color:#FF6B6B; font-size:0.7rem; font-weight:600;">▼ 差评</span>
  5288. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥360</span>
  5289. <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>
  5290. </div>
  5291. </div>
  5292. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"少吃点抑制胃酸的药。胃炎就是胃粘膜有炎症,要保护胃粘膜,一段时间清淡营养饮食加上铝碳酸镁养胃,养好了就行了。奥美拉唑这种吃多了副作用也多。而且给你一种胃炎好的假象。"</div>
  5293. </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;">
  5294. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  5295. <div style="display:flex; align-items:center; gap:6px;">
  5296. <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>
  5297. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">匿名</span>
  5298. <span style="color:var(--text-3); font-size:0.68rem;">· —</span>
  5299. </div>
  5300. <div style="display:flex; align-items:center; gap:6px;">
  5301. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  5302. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥171</span>
  5303. <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>
  5304. </div>
  5305. </div>
  5306. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"我胃病,医生说要想养胃就是少吃不吃"</div>
  5307. </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;">
  5308. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  5309. <div style="display:flex; align-items:center; gap:6px;">
  5310. <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>
  5311. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">匿名</span>
  5312. <span style="color:var(--text-3); font-size:0.68rem;">· —</span>
  5313. </div>
  5314. <div style="display:flex; align-items:center; gap:6px;">
  5315. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  5316. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥65</span>
  5317. <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>
  5318. </div>
  5319. </div>
  5320. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"买个猪肚子里面装一斤姜炖熟,每天早上空腹吃一小把,坚持吃一星期,然后空一个星期,连吃三次,不管几年的胃病都能好"</div>
  5321. </div>
  5322. </div>
  5323. </div>
  5324. <div>
  5325. <div style="padding:22px 26px; background:#2D9C5D0A; border:1px solid #2D9C5D33; border-radius:var(--radius-md);">
  5326. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">对标阿胶 · 品类类比</div>
  5327. <table style="width:100%; border-collapse:collapse; font-size:0.84rem;">
  5328. <thead>
  5329. <tr style="border-bottom:2px solid var(--border);">
  5330. <th style="text-align:left; padding:8px 0; color:var(--text-3); font-size:0.72rem; font-weight:600;">维度</th>
  5331. <th style="text-align:center; padding:8px 0; color:#C96E3F; font-size:0.72rem; font-weight:700;">东阿阿胶</th>
  5332. <th style="text-align:center; padding:8px 0; color:#2D9C5D; font-size:0.72rem; font-weight:700;">猴菇饮礼盒</th>
  5333. </tr>
  5334. </thead>
  5335. <tbody>
  5336. <tr style="border-bottom:1px solid var(--border);"><td style="padding:10px 0;">品类身份</td><td style="text-align:center; padding:10px 0;">中药 / 滋补</td><td style="text-align:center; padding:10px 0; color:#2D9C5D;">OTC / 食疗</td></tr>
  5337. <tr style="border-bottom:1px solid var(--border);"><td style="padding:10px 0;">单次消耗</td><td style="text-align:center; padding:10px 0;">几个月</td><td style="text-align:center; padding:10px 0; color:#2D9C5D;">1-2 月</td></tr>
  5338. <tr style="border-bottom:1px solid var(--border);"><td style="padding:10px 0;">礼盒价位</td><td style="text-align:center; padding:10px 0;">300-1000 元</td><td style="text-align:center; padding:10px 0; color:#2D9C5D;">128-248 元</td></tr>
  5339. <tr style="border-bottom:1px solid var(--border);"><td style="padding:10px 0;">门槛感</td><td style="text-align:center; padding:10px 0;">高贵 · 隆重</td><td style="text-align:center; padding:10px 0; color:#2D9C5D;">日常 · 实用</td></tr>
  5340. <tr><td style="padding:10px 0;">目标人群</td><td style="text-align:center; padding:10px 0;">老人 / 女性</td><td style="text-align:center; padding:10px 0; color:#2D9C5D;">全龄 · 全性别</td></tr>
  5341. </tbody>
  5342. </table>
  5343. <div style="margin-top:14px; padding:12px 14px; background:#2D9C5D15; border-radius:4px;">
  5344. <div style="color:#2D9C5D; font-size:0.82rem; line-height:1.6;"><strong>"送胃"定位 = 平民化阿胶</strong> · 同样是健康礼 · 但更日常、更年轻、更普适。</div>
  5345. </div>
  5346. </div>
  5347. </div>
  5348. </div>
  5349. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#FF4D8D08; border:1px solid #FF4D8D33; border-radius:var(--radius-md);">
  5350. <div class="text-mono text-xs" style="color:#FF4D8D; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">决策 · 送胃礼品赛道 6 条落地</div>
  5351. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  5352. <div style="display:flex; gap:10px; align-items:flex-start;">
  5353. <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>
  5354. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>礼盒 SKU</strong>:12 支装 128 元 + 24 支装 248 元 + 48 支长期装 498 元</div>
  5355. </div>
  5356. <div style="display:flex; gap:10px; align-items:flex-start;">
  5357. <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>
  5358. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>节日化营销</strong>:春节"送父母的胃" · 中秋"给爸的心意" · 父亲节定制</div>
  5359. </div>
  5360. <div style="display:flex; gap:10px; align-items:flex-start;">
  5361. <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>
  5362. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>办公室团购</strong>:B2B 企业定制 · 500 强 HR 对接 · 团队福利产品</div>
  5363. </div>
  5364. <div style="display:flex; gap:10px; align-items:flex-start;">
  5365. <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>
  5366. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>KOL 组合</strong>:孝心 / 职场 / 养生 3 条线同时启动</div>
  5367. </div>
  5368. <div style="display:flex; gap:10px; align-items:flex-start;">
  5369. <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;">5</div>
  5370. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>包装设计</strong>:礼盒规格独立开模 · 比单瓶装高阶一档 · 支持定制封套</div>
  5371. </div>
  5372. <div style="display:flex; gap:10px; align-items:flex-start;">
  5373. <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;">6</div>
  5374. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>品类教育</strong>:3 年内把"送胃就送猴菇饮"建成类似"送礼就送脑白金"的心智</div>
  5375. </div>
  5376. </div>
  5377. </div>
  5378. </div>
  5379. </section>
  5380. <section class="report-section" id="opportunity-3" data-tone="green" data-slide-num="35/42">
  5381. <div class="section-inner">
  5382. <div class="section-head rise-in">
  5383. <div class="section-eyebrow" style="color:#8B5CF6;">7.3 · 新机会 #3</div>
  5384. <h2 class="text-h1"><span class="headline-anim"><span style="color:#8B5CF6;">糖友无糖版</span> + <span style="color:#0085CA;">夜宵族</span> · 两个错位细分人群</span></h2>
  5385. <p class="section-sub">这两个人群在主流养胃品类中<strong>被明显忽略</strong> · 但真实 VOC 信号强 · 各自都有千万级规模 · 值得独立 SKU 切入。</p>
  5386. </div>
  5387. <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);">
  5388. <div style="text-align:center;">
  5389. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#8B5CF6; letter-spacing:-0.02em;">1.4亿</div>
  5390. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">糖尿病人总盘</div>
  5391. </div>
  5392. <div style="text-align:center;">
  5393. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#8B5CF6; letter-spacing:-0.02em;">5600万</div>
  5394. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">糖+胃双病</div>
  5395. </div>
  5396. <div style="text-align:center;">
  5397. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#0085CA; letter-spacing:-0.02em;">3亿</div>
  5398. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">熬夜人群</div>
  5399. </div>
  5400. <div style="text-align:center;">
  5401. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#8B5CF6; letter-spacing:-0.02em;">26</div>
  5402. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">糖友 VOC</div>
  5403. </div>
  5404. <div style="text-align:center;">
  5405. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#0085CA; letter-spacing:-0.02em;">123</div>
  5406. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">场景 VOC</div>
  5407. </div>
  5408. </div>
  5409. <div class="grid" style="grid-template-columns:1fr 1fr; gap:24px; margin-top:28px;">
  5410. <div style="padding:24px 28px; background:var(--bg-1); border:1px solid var(--border); border-top:4px solid #8B5CF6; border-radius:var(--radius-md);">
  5411. <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;">
  5412. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.2em; font-weight:700;">G1 · 新人群</div>
  5413. <div style="color:#8B5CF6; font-family:var(--font-mono); font-size:0.78rem; font-weight:700;">VOC 26</div>
  5414. </div>
  5415. <h3 style="color:var(--text-1); font-size:1.22rem; font-weight:800; margin:0 0 6px;">糖友无糖版</h3>
  5416. <div style="color:var(--text-3); font-size:0.84rem; margin-bottom:14px;">1.4 亿糖尿病人 × 40% 合并胃病</div>
  5417. <div style="padding:12px 14px; background:#8B5CF608; border-left:3px solid #8B5CF6; border-radius:4px; margin-bottom:12px;">
  5418. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.1em; font-weight:700; margin-bottom:4px;">CORE · 核心重合</div>
  5419. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.6;">5600 万人 · 血糖管理 + 胃养护双重需求</div>
  5420. </div>
  5421. <div style="padding:12px 14px; background:#FF6B6B08; border-left:3px solid #FF6B6B; border-radius:4px; margin-bottom:12px;">
  5422. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.1em; font-weight:700; margin-bottom:4px;">PAIN · 痛点</div>
  5423. <div style="color:var(--text-1); font-size:0.82rem; line-height:1.6; font-style:italic;">&quot;米稀甜 · 奶粉咖啡都怕 · 想养胃又要控糖&quot;</div>
  5424. </div>
  5425. <div style="padding:12px 14px; background:#2D9C5D08; border-left:3px solid #2D9C5D; border-radius:4px; margin-bottom:14px;">
  5426. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.1em; font-weight:700; margin-bottom:4px;">SOLUTION · 猴菇饮方案</div>
  5427. <div style="color:var(--text-1); font-size:0.82rem; line-height:1.6;">SKU · 木糖醇配方 · 低 GI · 胰岛素友好 · 独立包装不与主力版混放</div>
  5428. </div>
  5429. <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #8B5CF6; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  5430. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  5431. <div style="display:flex; align-items:center; gap:6px;">
  5432. <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>
  5433. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">匿名</span>
  5434. <span style="color:var(--text-3); font-size:0.68rem;">· —</span>
  5435. </div>
  5436. <div style="display:flex; align-items:center; gap:6px;">
  5437. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  5438. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥0</span>
  5439. <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>
  5440. </div>
  5441. </div>
  5442. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"收藏一下,家里有糖尿病的老人经常消化不良"</div>
  5443. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  5444. <span style="padding:2px 8px; background:#8B5CF612; color:#8B5CF6; border-radius:3px; font-size:0.68rem; font-weight:600;">糖尿病</span>
  5445. </div>
  5446. </div>
  5447. </div>
  5448. <div style="padding:24px 28px; background:var(--bg-1); border:1px solid var(--border); border-top:4px solid #0085CA; border-radius:var(--radius-md);">
  5449. <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;">
  5450. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.2em; font-weight:700;">G2 · 新人群</div>
  5451. <div style="color:#0085CA; font-family:var(--font-mono); font-size:0.78rem; font-weight:700;">VOC 123</div>
  5452. </div>
  5453. <h3 style="color:var(--text-1); font-size:1.22rem; font-weight:800; margin:0 0 6px;">夜宵族/熬夜党</h3>
  5454. <div style="color:var(--text-3); font-size:0.84rem; margin-bottom:14px;">3 亿经常熬夜 · 20-45 岁</div>
  5455. <div style="padding:12px 14px; background:#0085CA08; border-left:3px solid #0085CA; border-radius:4px; margin-bottom:12px;">
  5456. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.1em; font-weight:700; margin-bottom:4px;">CORE · 核心重合</div>
  5457. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.6;">外卖+咖啡+饮料 高胃负担人群 · 高粘性 · 高复购</div>
  5458. </div>
  5459. <div style="padding:12px 14px; background:#FF6B6B08; border-left:3px solid #FF6B6B; border-radius:4px; margin-bottom:12px;">
  5460. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.1em; font-weight:700; margin-bottom:4px;">PAIN · 痛点</div>
  5461. <div style="color:var(--text-1); font-size:0.82rem; line-height:1.6; font-style:italic;">&quot;熬夜胃空又不想吃夜宵 · 咖啡 + 奶茶喝出胃酸&quot;</div>
  5462. </div>
  5463. <div style="padding:12px 14px; background:#2D9C5D08; border-left:3px solid #2D9C5D; border-radius:4px; margin-bottom:14px;">
  5464. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.1em; font-weight:700; margin-bottom:4px;">SOLUTION · 猴菇饮方案</div>
  5465. <div style="color:var(--text-1); font-size:0.82rem; line-height:1.6;">SKU · 熬夜装 6 支组合 · 工位 / 直播间 / 深夜便利店渠道 · 夜宵替代语境</div>
  5466. </div>
  5467. <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;">
  5468. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  5469. <div style="display:flex; align-items:center; gap:6px;">
  5470. <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>
  5471. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">匿名</span>
  5472. <span style="color:var(--text-3); font-size:0.68rem;">· —</span>
  5473. </div>
  5474. <div style="display:flex; align-items:center; gap:6px;">
  5475. <span style="color:#2D9C5D; font-size:0.7rem; font-weight:600;">▲ 好评</span>
  5476. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥44</span>
  5477. <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>
  5478. </div>
  5479. </div>
  5480. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"退退退我是真熬夜熬的不舒服[笑哭R]每天熬到凌晨6点"</div>
  5481. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  5482. <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>
  5483. </div>
  5484. </div>
  5485. </div>
  5486. </div>
  5487. <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;">
  5488. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">新机会总览 · 三条长尾赛道</div>
  5489. <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;">Ch7 三子章 = <strong style="color:#0085CA;">PPI 过渡饮(20-40 亿)</strong> + <strong style="color:#FF4D8D;">送胃礼品(30-50 亿)</strong> + <strong style="color:#8B5CF6;">糖友+夜宵(20-30 亿)</strong> = 保守估算<strong style="color:#2D9C5D;">70-120 亿潜在总盘</strong>。</div>
  5490. <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">每条赛道都有:① 真实 VOC 信号(非臆测)② 明确细分人群规模 ③ 独特 SKU 形态 ④ 差异化话术。<strong>不需要选一个</strong>——3 条可以并行推进,每条独立立项、独立 KPI、独立包装。这是<strong style="color:#E8A87C;">从 5000 万到 5 亿</strong>最清晰的路线图。</div>
  5491. </div>
  5492. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:var(--radius-md);">
  5493. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">决策 · 三赛道组合 6 条落地</div>
  5494. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  5495. <div style="display:flex; gap:10px; align-items:flex-start;">
  5496. <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>
  5497. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>三赛道并行</strong>:PPI 过渡 + 送胃礼品 + 糖友/夜宵 · 独立立项独立 KPI</div>
  5498. </div>
  5499. <div style="display:flex; gap:10px; align-items:flex-start;">
  5500. <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>
  5501. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>主力装兼容</strong>:SKU 1 日常装作为基础盘 · 三赛道通过包装/话术/渠道差异化</div>
  5502. </div>
  5503. <div style="display:flex; gap:10px; align-items:flex-start;">
  5504. <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>
  5505. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>投放分配</strong>:Y1 PPI 过渡 60% + 送胃 25% + 糖友/夜宵 15%</div>
  5506. </div>
  5507. <div style="display:flex; gap:10px; align-items:flex-start;">
  5508. <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>
  5509. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>Y1 门票</strong>:PPI 过渡赛道必须先达到 3000 万销售 · 锁定其他赛道解锁</div>
  5510. </div>
  5511. <div style="display:flex; gap:10px; align-items:flex-start;">
  5512. <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>
  5513. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>验证节奏</strong>:每季度复盘一次 · 赛道达不到 50% 预期 · 调整 SKU/话术</div>
  5514. </div>
  5515. <div style="display:flex; gap:10px; align-items:flex-start;">
  5516. <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>
  5517. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>Y3 目标</strong>:3 赛道合计 5 亿 · 其中 PPI 过渡 2.5 亿占头肩</div>
  5518. </div>
  5519. </div>
  5520. </div>
  5521. </div>
  5522. </section>
  5523. <section class="report-section" id="blueprint" data-tone="green" data-slide-num="36/42" style="justify-content:center;">
  5524. <div class="section-inner">
  5525. <div class="rise-in" style="text-align:center; margin-bottom:40px;">
  5526. <div style="font-family:var(--font-head); font-weight:900; font-size:clamp(5rem, 14vw, 11rem); line-height:0.9; color:#87A96B; opacity:0.12; letter-spacing:-0.06em;">08</div>
  5527. <div class="text-mono text-xs" style="color:#87A96B; letter-spacing:0.3em; margin-top:-2rem; font-weight:700;">CHAPTER 8 · 4P BLUEPRINT</div>
  5528. </div>
  5529. <div class="rise-in" style="text-align:center; margin-bottom:36px;">
  5530. <div style="font-size:3.2rem; margin-bottom:14px;">🚀</div>
  5531. <h2 class="text-poster" style="font-size:clamp(2.4rem, 5.2vw, 4.2rem); color:var(--text-1); letter-spacing:-0.025em;">4P 配称蓝图</h2>
  5532. <p style="color:#87A96B; font-family:var(--font-mono); font-size:0.92rem; letter-spacing:0.18em; margin-top:12px; font-weight:600;">4P BLUEPRINT</p>
  5533. </div>
  5534. <div class="fade-up" style="max-width:960px; margin:0 auto; text-align:center; padding:28px 32px; background:linear-gradient(135deg, #87A96B0C, transparent); border-left:3px solid #87A96B; border-radius:var(--radius-md);">
  5535. <p style="color:var(--text-1); font-size:1.08rem; line-height:1.82;">以 VOC 洞察反推 <strong style="color:#87A96B;">4P 配称</strong>:产品(多规格 SKU 矩阵)+ 渠道(药店 + 电商 + 食疗挂靠)+ 推广(KANO 兴奋需求作为钩子)+ 价格(日服用成本 12 元毛利释放)。3 阶段落地路径:<strong>Y1 药店 5000 万验证 → Y2 渠道复制 1.5 亿 → Y3 品类升级 5 亿</strong>。</p>
  5536. </div>
  5537. <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;">
  5538. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #87A96B22; border-radius:var(--radius-sm); text-align:center;">
  5539. <div class="text-mono text-xs" style="color:#87A96B; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">8.1</div>
  5540. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">4P 配称·产品+渠道+推广+价格</div>
  5541. </div>
  5542. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #87A96B22; border-radius:var(--radius-sm); text-align:center;">
  5543. <div class="text-mono text-xs" style="color:#87A96B; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">8.2</div>
  5544. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">5000 万 → 5 亿路径·3 阶段</div>
  5545. </div>
  5546. </div>
  5547. <div class="fade-up" style="margin-top:48px; text-align:center;">
  5548. <div class="text-mono text-xs" style="color:var(--text-3); letter-spacing:0.3em;">SCROLL DOWN · 2 个子章 · 理论 × 实证 × 机会</div>
  5549. </div>
  5550. </div>
  5551. </section>
  5552. <section class="report-section" id="blueprint-1" data-tone="green" data-slide-num="37/42">
  5553. <div class="section-inner">
  5554. <div class="section-head rise-in">
  5555. <div class="section-eyebrow" style="color:#87A96B;">8.1 · 4P 配称蓝图</div>
  5556. <h2 class="text-h1"><span class="headline-anim"><span style="color:#E8A87C;">产品 × 渠道 × 推广 × 价格</span> · 4 支柱全面配称</span></h2>
  5557. <p class="section-sub">从 VOC 反向推导出来的 4P 不是平铺堆砌 · 而是<strong>每支柱都能追溯回某条 VOC 洞察</strong> · 每项决策都有假设证据支持。</p>
  5558. </div>
  5559. <div class="grid" style="grid-template-columns:repeat(2, 1fr); gap:18px; margin-top:24px;">
  5560. <div style="padding:22px 24px; background:var(--bg-1); border:1px solid var(--border); border-top:5px solid #E8A87C; border-radius:var(--radius-md);">
  5561. <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:8px;">
  5562. <div class="text-mono text-xs" style="color:#E8A87C; letter-spacing:0.2em; font-weight:700;">P1 · PRODUCT</div>
  5563. </div>
  5564. <h3 style="color:var(--text-1); font-size:1.32rem; font-weight:800; margin:0 0 6px;">产品</h3>
  5565. <div style="color:var(--text-2); font-size:0.84rem; line-height:1.62; margin-bottom:14px; font-style:italic;">反向定位锁定产品形态 · SKU 矩阵服务 3 条赛道</div>
  5566. <ul style="color:var(--text-1); font-size:0.82rem; line-height:1.62; padding-left:0; list-style:none; margin:0 0 14px;">
  5567. <li style="padding:8px 10px; background:#E8A87C07; border-left:2px solid #E8A87C55; border-radius:4px; margin-bottom:6px;">
  5568. <strong style="color:#E8A87C;">SKU 1 · 主力日常装</strong><br/>
  5569. <span style="color:var(--text-3); font-size:0.76rem;">300ml · 12-15 元 · 全渠道基础盘 · 覆盖 PPI 过渡 + 日常养护</span>
  5570. </li>
  5571. <li style="padding:8px 10px; background:#E8A87C07; border-left:2px solid #E8A87C55; border-radius:4px; margin-bottom:6px;">
  5572. <strong style="color:#E8A87C;">SKU 2 · 应酬小支装</strong><br/>
  5573. <span style="color:var(--text-3); font-size:0.76rem;">50ml × 6 铝膜 · 48 元/盒 · 机场/高铁便利店</span>
  5574. </li>
  5575. <li style="padding:8px 10px; background:#E8A87C07; border-left:2px solid #E8A87C55; border-radius:4px; margin-bottom:6px;">
  5576. <strong style="color:#E8A87C;">SKU 3 · 糖友无糖版</strong><br/>
  5577. <span style="color:var(--text-3); font-size:0.76rem;">300ml 木糖醇 · 低 GI · 糖尿病药店专卖</span>
  5578. </li>
  5579. <li style="padding:8px 10px; background:#E8A87C07; border-left:2px solid #E8A87C55; border-radius:4px; margin-bottom:6px;">
  5580. <strong style="color:#E8A87C;">SKU 4 · 送胃礼盒</strong><br/>
  5581. <span style="color:var(--text-3); font-size:0.76rem;">12/24/48 支装 · 128/248/498 元 · 对标阿胶细分</span>
  5582. </li>
  5583. <li style="padding:8px 10px; background:#E8A87C07; border-left:2px solid #E8A87C55; border-radius:4px; margin-bottom:6px;">
  5584. <strong style="color:#E8A87C;">SKU 5 · 熬夜组合装</strong><br/>
  5585. <span style="color:var(--text-3); font-size:0.76rem;">50ml × 6 铝膜 · 工位 / 直播间 / 深夜便利店</span>
  5586. </li>
  5587. <li style="padding:8px 10px; background:#E8A87C07; border-left:2px solid #E8A87C55; border-radius:4px; margin-bottom:6px;">
  5588. <strong style="color:#E8A87C;">SKU 6 · PPI 伴侣装</strong><br/>
  5589. <span style="color:var(--text-3); font-size:0.76rem;">90 天组合 · 498-798 元 · 消化科医院周边</span>
  5590. </li>
  5591. </ul>
  5592. <div style="padding:10px 12px; background:#E8A87C12; border-radius:4px;">
  5593. <div class="text-mono text-xs" style="color:#E8A87C; font-weight:700; letter-spacing:0.1em; margin-bottom:4px;">KPI · 指标</div>
  5594. <div style="color:var(--text-1); font-size:0.8rem; line-height:1.6;">OTC 批文 2026Q2 · 6 SKU 分阶段上市 · 主力装月销 3000 万起步</div>
  5595. </div>
  5596. </div>
  5597. <div style="padding:22px 24px; background:var(--bg-1); border:1px solid var(--border); border-top:5px solid #2D9C5D; border-radius:var(--radius-md);">
  5598. <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:8px;">
  5599. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.2em; font-weight:700;">P2 · PLACE</div>
  5600. </div>
  5601. <h3 style="color:var(--text-1); font-size:1.32rem; font-weight:800; margin:0 0 6px;">渠道</h3>
  5602. <div style="color:var(--text-2); font-size:0.84rem; line-height:1.62; margin-bottom:14px; font-style:italic;">药店 60% 核心 · 电商 25% 拉新 · 私域 15% 复购 · 不碰传统商超</div>
  5603. <ul style="color:var(--text-1); font-size:0.82rem; line-height:1.62; padding-left:0; list-style:none; margin:0 0 14px;">
  5604. <li style="padding:8px 10px; background:#2D9C5D07; border-left:2px solid #2D9C5D55; border-radius:4px; margin-bottom:6px;">
  5605. <strong style="color:#2D9C5D;">Y1 · 药店 2000 家</strong><br/>
  5606. <span style="color:var(--text-3); font-size:0.76rem;">优先社区连锁 · 胃消化科医院周边 · 独立 OTC 陈列位</span>
  5607. </li>
  5608. <li style="padding:8px 10px; background:#2D9C5D07; border-left:2px solid #2D9C5D55; border-radius:4px; margin-bottom:6px;">
  5609. <strong style="color:#2D9C5D;">Y1 · 药店 BD 话术</strong><br/>
  5610. <span style="color:var(--text-3); font-size:0.76rem;">店员培训 · &quot;胃药焦虑人群的温和替代&quot; · 毛利 45%+</span>
  5611. </li>
  5612. <li style="padding:8px 10px; background:#2D9C5D07; border-left:2px solid #2D9C5D55; border-radius:4px; margin-bottom:6px;">
  5613. <strong style="color:#2D9C5D;">电商 · 天猫/京东/抖音</strong><br/>
  5614. <span style="color:var(--text-3); font-size:0.76rem;">江中旗舰店独立会场 · 与米稀搭配套餐引流</span>
  5615. </li>
  5616. <li style="padding:8px 10px; background:#2D9C5D07; border-left:2px solid #2D9C5D55; border-radius:4px; margin-bottom:6px;">
  5617. <strong style="color:#2D9C5D;">美团/即时零售</strong><br/>
  5618. <span style="color:var(--text-3); font-size:0.76rem;">30 分钟达 · 夜宵时段重点 · 深夜便利场景</span>
  5619. </li>
  5620. <li style="padding:8px 10px; background:#2D9C5D07; border-left:2px solid #2D9C5D55; border-radius:4px; margin-bottom:6px;">
  5621. <strong style="color:#2D9C5D;">私域 · 胃病管理社群</strong><br/>
  5622. <span style="color:var(--text-3); font-size:0.76rem;">PPI 减量打卡 · 真实用户故事 · 月度复购刺激</span>
  5623. </li>
  5624. <li style="padding:8px 10px; background:#2D9C5D07; border-left:2px solid #2D9C5D55; border-radius:4px; margin-bottom:6px;">
  5625. <strong style="color:#2D9C5D;">B2B · 企业定制</strong><br/>
  5626. <span style="color:var(--text-3); font-size:0.76rem;">500 强 HR 福利采购 · 办公室 24 支装 · Y2 启动</span>
  5627. </li>
  5628. </ul>
  5629. <div style="padding:10px 12px; background:#2D9C5D12; border-radius:4px;">
  5630. <div class="text-mono text-xs" style="color:#2D9C5D; font-weight:700; letter-spacing:0.1em; margin-bottom:4px;">KPI · 指标</div>
  5631. <div style="color:var(--text-1); font-size:0.8rem; line-height:1.6;">Y1 药店 2000 家 · Y2 8000 家 · Y3 15000 家 · 伴随电商稳定占比 25%</div>
  5632. </div>
  5633. </div>
  5634. <div style="padding:22px 24px; background:var(--bg-1); border:1px solid var(--border); border-top:5px solid #FF8C42; border-radius:var(--radius-md);">
  5635. <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:8px;">
  5636. <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.2em; font-weight:700;">P3 · PROMOTION</div>
  5637. </div>
  5638. <h3 style="color:var(--text-1); font-size:1.32rem; font-weight:800; margin:0 0 6px;">推广</h3>
  5639. <div style="color:var(--text-2); font-size:0.84rem; line-height:1.62; margin-bottom:14px; font-style:italic;">KANO 兴奋需求做钩子 · JTBD Emotional 做叙事 · 真实 VOC 做素材</div>
  5640. <ul style="color:var(--text-1); font-size:0.82rem; line-height:1.62; padding-left:0; list-style:none; margin:0 0 14px;">
  5641. <li style="padding:8px 10px; background:#FF8C4207; border-left:2px solid #FF8C4255; border-radius:4px; margin-bottom:6px;">
  5642. <strong style="color:#FF8C42;">核心主张</strong><br/>
  5643. <span style="color:var(--text-3); font-size:0.76rem;">&quot;不依赖药 · 温和养胃 · OTC 日常&quot;(主打 Emotional 不焦虑)</span>
  5644. </li>
  5645. <li style="padding:8px 10px; background:#FF8C4207; border-left:2px solid #FF8C4255; border-radius:4px; margin-bottom:6px;">
  5646. <strong style="color:#FF8C42;">KOL 矩阵</strong><br/>
  5647. <span style="color:var(--text-3); font-size:0.76rem;">消化科医生(专业)+ 职场(应酬)+ 养生(日常)+ 孝心(送礼)4 条线</span>
  5648. </li>
  5649. <li style="padding:8px 10px; background:#FF8C4207; border-left:2px solid #FF8C4255; border-radius:4px; margin-bottom:6px;">
  5650. <strong style="color:#FF8C42;">内容钩子</strong><br/>
  5651. <span style="color:var(--text-3); font-size:0.76rem;">《PPI 减量日记》真实用户故事 · 每周 1 条 · 建立情绪认同</span>
  5652. </li>
  5653. <li style="padding:8px 10px; background:#FF8C4207; border-left:2px solid #FF8C4255; border-radius:4px; margin-bottom:6px;">
  5654. <strong style="color:#FF8C42;">合规边界</strong><br/>
  5655. <span style="color:var(--text-3); font-size:0.76rem;">严禁&quot;治疗&quot; / &quot;治愈&quot; / &quot;替代&quot; · 只说&quot;维持&quot; / &quot;日常&quot; / &quot;辅助&quot;</span>
  5656. </li>
  5657. <li style="padding:8px 10px; background:#FF8C4207; border-left:2px solid #FF8C4255; border-radius:4px; margin-bottom:6px;">
  5658. <strong style="color:#FF8C42;">视觉风格</strong><br/>
  5659. <span style="color:var(--text-3); font-size:0.76rem;">温暖日常 · 生活感 · 反&quot;医院白大褂&quot;风 · 年轻但不潮</span>
  5660. </li>
  5661. <li style="padding:8px 10px; background:#FF8C4207; border-left:2px solid #FF8C4255; border-radius:4px; margin-bottom:6px;">
  5662. <strong style="color:#FF8C42;">预算分配</strong><br/>
  5663. <span style="color:var(--text-3); font-size:0.76rem;">必备 60% · 期望 25% · 兴奋 15% · 砍掉明星 / 酷炫包装</span>
  5664. </li>
  5665. </ul>
  5666. <div style="padding:10px 12px; background:#FF8C4212; border-radius:4px;">
  5667. <div class="text-mono text-xs" style="color:#FF8C42; font-weight:700; letter-spacing:0.1em; margin-bottom:4px;">KPI · 指标</div>
  5668. <div style="color:var(--text-1); font-size:0.8rem; line-height:1.6;">认知度 · 12 月内&quot;养胃不依赖&quot;问题 SOV &gt;15% · 抖音话题 UGC &gt;5000</div>
  5669. </div>
  5670. </div>
  5671. <div style="padding:22px 24px; background:var(--bg-1); border:1px solid var(--border); border-top:5px solid #87A96B; border-radius:var(--radius-md);">
  5672. <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:8px;">
  5673. <div class="text-mono text-xs" style="color:#87A96B; letter-spacing:0.2em; font-weight:700;">P4 · PRICE</div>
  5674. </div>
  5675. <h3 style="color:var(--text-1); font-size:1.32rem; font-weight:800; margin:0 0 6px;">价格</h3>
  5676. <div style="color:var(--text-2); font-size:0.84rem; line-height:1.62; margin-bottom:14px; font-style:italic;">日服 12-15 元 · 与 PPI 等价 · 高于饮料 · 低于保健品 · 守住 MAP</div>
  5677. <ul style="color:var(--text-1); font-size:0.82rem; line-height:1.62; padding-left:0; list-style:none; margin:0 0 14px;">
  5678. <li style="padding:8px 10px; background:#87A96B07; border-left:2px solid #87A96B55; border-radius:4px; margin-bottom:6px;">
  5679. <strong style="color:#87A96B;">日费锚点</strong><br/>
  5680. <span style="color:var(--text-3); font-size:0.76rem;">与日常 PPI 费用持平(~12 元/日)· 心理替代成本为 0</span>
  5681. </li>
  5682. <li style="padding:8px 10px; background:#87A96B07; border-left:2px solid #87A96B55; border-radius:4px; margin-bottom:6px;">
  5683. <strong style="color:#87A96B;">主力装定价</strong><br/>
  5684. <span style="color:var(--text-3); font-size:0.76rem;">300ml 单瓶 12-15 元 · 月卡 360-420 元(30 天锁客)</span>
  5685. </li>
  5686. <li style="padding:8px 10px; background:#87A96B07; border-left:2px solid #87A96B55; border-radius:4px; margin-bottom:6px;">
  5687. <strong style="color:#87A96B;">礼盒溢价</strong><br/>
  5688. <span style="color:var(--text-3); font-size:0.76rem;">12 支 128 元 (10.7/支) · 24 支 248 元 (10.3/支) · 送礼感价位</span>
  5689. </li>
  5690. <li style="padding:8px 10px; background:#87A96B07; border-left:2px solid #87A96B55; border-radius:4px; margin-bottom:6px;">
  5691. <strong style="color:#87A96B;">糖友/熬夜专供</strong><br/>
  5692. <span style="color:var(--text-3); font-size:0.76rem;">略高 15-18 元 · 专属感 + 配方成本合理化</span>
  5693. </li>
  5694. <li style="padding:8px 10px; background:#87A96B07; border-left:2px solid #87A96B55; border-radius:4px; margin-bottom:6px;">
  5695. <strong style="color:#87A96B;">PPI 组合装</strong><br/>
  5696. <span style="color:var(--text-3); font-size:0.76rem;">90 天 498-798 元 · 一次性决策 · 对标&quot;疗程感&quot;</span>
  5697. </li>
  5698. <li style="padding:8px 10px; background:#87A96B07; border-left:2px solid #87A96B55; border-radius:4px; margin-bottom:6px;">
  5699. <strong style="color:#87A96B;">MAP 保护</strong><br/>
  5700. <span style="color:var(--text-3); font-size:0.76rem;">全网最低价保护 · 禁止 618/双11 裸标签 · 保护渠道利润</span>
  5701. </li>
  5702. </ul>
  5703. <div style="padding:10px 12px; background:#87A96B12; border-radius:4px;">
  5704. <div class="text-mono text-xs" style="color:#87A96B; font-weight:700; letter-spacing:0.1em; margin-bottom:4px;">KPI · 指标</div>
  5705. <div style="color:var(--text-1); font-size:0.8rem; line-height:1.6;">Y1 平均客单 18 元 · Y2 22 元 · Y3 28 元 · ARPPU 随组合装比例上升</div>
  5706. </div>
  5707. </div>
  5708. </div>
  5709. <div class="rise-in" style="padding:28px 32px; background:linear-gradient(135deg, #87A96B12, #87A96B04); border-left:4px solid #87A96B; border-radius:var(--radius-md); margin-bottom:32px;">
  5710. <div class="text-mono text-xs" style="color:#87A96B; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">4P 一致性 · 内在逻辑</div>
  5711. <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;">4P 不是 4 个独立模块 · 是<strong style="color:#E8A87C;">一套彼此互相锁定的系统</strong>:产品 OTC 身份锁住了药店渠道(P2)· 药店渠道锁住了温和养护话术(P3)· 温和话术锁住了日服定价锚点(P4)。</div>
  5712. <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">任何一环断掉都会连带出问题:<em>没拿 OTC → 药店进不了胃药区 → 话术只能讲食品 → 价格只能 10 元以下 → 利润撑不起 KOL 投放</em>。<strong style="color:#87A96B;">OTC 身份是所有其他 P 成立的前置条件</strong>。</div>
  5713. </div>
  5714. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#87A96B08; border:1px solid #87A96B33; border-radius:var(--radius-md);">
  5715. <div class="text-mono text-xs" style="color:#87A96B; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">决策 · 4P 执行原则</div>
  5716. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  5717. <div style="display:flex; gap:10px; align-items:flex-start;">
  5718. <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>
  5719. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>支柱顺序</strong>:P1 产品(含 OTC)→ P2 渠道 → P3 推广 → P4 价格 · 前一环卡死,后面不推</div>
  5720. </div>
  5721. <div style="display:flex; gap:10px; align-items:flex-start;">
  5722. <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>
  5723. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>OTC 批文是总开关</strong>:2 季度内拿不到 · 启动回退预案(食品身份 + 保守投放)</div>
  5724. </div>
  5725. <div style="display:flex; gap:10px; align-items:flex-start;">
  5726. <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>
  5727. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>砍掉无差异项</strong>:不投明星 / 不做酷炫玻璃瓶 / 不绑会员卡 · 节约 30% 预算</div>
  5728. </div>
  5729. <div style="display:flex; gap:10px; align-items:flex-start;">
  5730. <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>
  5731. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>Y1 聚焦主力</strong>:5000 万预算 60% 集中在 SKU 1 + 2000 家药店 + 核心 KOL · 其他缓推</div>
  5732. </div>
  5733. <div style="display:flex; gap:10px; align-items:flex-start;">
  5734. <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;">5</div>
  5735. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>复盘节奏</strong>:每季度 VOC 回采 · 验证假设 H1-H8 是否被真实市场信号支持</div>
  5736. </div>
  5737. <div style="display:flex; gap:10px; align-items:flex-start;">
  5738. <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;">6</div>
  5739. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>4P 一致性审查</strong>:任何 4P 决策变更 · 必须同时检查其他 3P 是否兼容</div>
  5740. </div>
  5741. </div>
  5742. </div>
  5743. </div>
  5744. </section>
  5745. <section class="report-section" id="blueprint-2" data-tone="green" data-slide-num="38/42">
  5746. <div class="section-inner">
  5747. <div class="section-head rise-in">
  5748. <div class="section-eyebrow" style="color:#2D9C5D;">8.2 · 落地路径</div>
  5749. <h2 class="text-h1"><span class="headline-anim"><span style="color:#FF6B6B;">5000 万</span> → <span style="color:#FF8C42;">1.5 亿</span> → <span style="color:#2D9C5D;">5 亿</span> · 3 阶段路线图</span></h2>
  5750. <p class="section-sub">不是一次性赌 5 亿 · 是<strong>每阶段锁住前一阶段 80% 目标</strong>才解锁下阶段 · 失败点清晰 · 回退预案清晰。</p>
  5751. </div>
  5752. <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);">
  5753. <div style="text-align:center;">
  5754. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#FF6B6B; letter-spacing:-0.02em;">5000万</div>
  5755. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">Y1 目标</div>
  5756. </div>
  5757. <div style="text-align:center;">
  5758. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#FF8C42; letter-spacing:-0.02em;">1.5亿</div>
  5759. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">Y2 目标</div>
  5760. </div>
  5761. <div style="text-align:center;">
  5762. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#2D9C5D; letter-spacing:-0.02em;">5亿</div>
  5763. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">Y3 目标</div>
  5764. </div>
  5765. <div style="text-align:center;">
  5766. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#0085CA; letter-spacing:-0.02em;">30→300万</div>
  5767. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">用户池</div>
  5768. </div>
  5769. <div style="text-align:center;">
  5770. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#87A96B; letter-spacing:-0.02em;">2k→15k</div>
  5771. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">药店铺货</div>
  5772. </div>
  5773. </div>
  5774. <div class="grid" style="grid-template-columns:repeat(3, 1fr); gap:18px; margin-top:28px;">
  5775. <div style="padding:24px 26px; background:var(--bg-1); border:1px solid var(--border); border-top:5px solid #FF6B6B; border-radius:var(--radius-md);">
  5776. <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;">
  5777. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.2em; font-weight:700;">Y1 · 0-12 月</div>
  5778. <div class="text-mono text-xs" style="color:#FF6B6B; font-family:var(--font-mono); font-size:0.66rem; letter-spacing:0.1em; opacity:0.7;">FOUNDATION</div>
  5779. </div>
  5780. <h3 style="color:var(--text-1); font-size:1.28rem; font-weight:800; margin:0 0 4px;">建根据地</h3>
  5781. <div style="color:#FF6B6B; font-family:var(--font-head); font-size:1.04rem; font-weight:800; margin-bottom:10px;">5000 万 销售 · 30 万用户</div>
  5782. <div style="padding:10px 12px; background:#FF6B6B0E; border-left:3px solid #FF6B6B; border-radius:4px; margin-bottom:14px;">
  5783. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.1em; font-weight:700; margin-bottom:4px;">FOCUS</div>
  5784. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.62;">拿下 OTC + 跑通 SKU 1/2 + 药店 2000 家</div>
  5785. </div>
  5786. <div style="margin-bottom:14px;">
  5787. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.1em; font-weight:700; margin-bottom:8px;">MILESTONES</div>
  5788. <div style="display:flex; flex-direction:column; gap:8px;">
  5789. <div style="display:flex; gap:10px; padding:8px 10px; background:var(--bg-2); border-radius:4px;">
  5790. <div style="flex-shrink:0; color:#FF6B6B; font-family:var(--font-mono); font-size:0.7rem; font-weight:700; letter-spacing:0.1em;">M1-M3</div>
  5791. <div style="color:var(--text-1); font-size:0.76rem; line-height:1.55;">OTC 批文申请 · 配方/工艺定稿 · 品牌 VI</div>
  5792. </div>
  5793. <div style="display:flex; gap:10px; padding:8px 10px; background:var(--bg-2); border-radius:4px;">
  5794. <div style="flex-shrink:0; color:#FF6B6B; font-family:var(--font-mono); font-size:0.7rem; font-weight:700; letter-spacing:0.1em;">M4-M6</div>
  5795. <div style="color:var(--text-1); font-size:0.76rem; line-height:1.55;">SKU 1 主力装首批 200 万瓶 · 核心药店 500 家铺货</div>
  5796. </div>
  5797. <div style="display:flex; gap:10px; padding:8px 10px; background:var(--bg-2); border-radius:4px;">
  5798. <div style="flex-shrink:0; color:#FF6B6B; font-family:var(--font-mono); font-size:0.7rem; font-weight:700; letter-spacing:0.1em;">M7-M9</div>
  5799. <div style="color:var(--text-1); font-size:0.76rem; line-height:1.55;">SKU 2 应酬装上市 · 抖音/小红书 KOL 投放启动</div>
  5800. </div>
  5801. <div style="display:flex; gap:10px; padding:8px 10px; background:var(--bg-2); border-radius:4px;">
  5802. <div style="flex-shrink:0; color:#FF6B6B; font-family:var(--font-mono); font-size:0.7rem; font-weight:700; letter-spacing:0.1em;">M10-M12</div>
  5803. <div style="color:var(--text-1); font-size:0.76rem; line-height:1.55;">药店扩至 2000 家 · 私域 5 万 · 复购率 &gt;25%</div>
  5804. </div>
  5805. </div>
  5806. </div>
  5807. <div style="padding:10px 12px; background:#FF6B6B0A; border-left:3px solid #FF6B6B; border-radius:4px;">
  5808. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.1em; font-weight:700; margin-bottom:4px;">RISK GATE · 风险门</div>
  5809. <div style="color:var(--text-1); font-size:0.78rem; line-height:1.6;">若 M6 仍未拿下 OTC · 启动&quot;食品身份 + 保守预算&quot;回退方案</div>
  5810. </div>
  5811. </div>
  5812. <div style="padding:24px 26px; background:var(--bg-1); border:1px solid var(--border); border-top:5px solid #FF8C42; border-radius:var(--radius-md);">
  5813. <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;">
  5814. <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.2em; font-weight:700;">Y2 · 12-24 月</div>
  5815. <div class="text-mono text-xs" style="color:#FF8C42; font-family:var(--font-mono); font-size:0.66rem; letter-spacing:0.1em; opacity:0.7;">EXPANSION</div>
  5816. </div>
  5817. <h3 style="color:var(--text-1); font-size:1.28rem; font-weight:800; margin:0 0 4px;">渠道复制</h3>
  5818. <div style="color:#FF8C42; font-family:var(--font-head); font-size:1.04rem; font-weight:800; margin-bottom:10px;">1.5 亿 销售 · 100 万用户</div>
  5819. <div style="padding:10px 12px; background:#FF8C420E; border-left:3px solid #FF8C42; border-radius:4px; margin-bottom:14px;">
  5820. <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.1em; font-weight:700; margin-bottom:4px;">FOCUS</div>
  5821. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.62;">糖友版 + 礼盒装上新 · 药店 8000 家 · 企业团购启动</div>
  5822. </div>
  5823. <div style="margin-bottom:14px;">
  5824. <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.1em; font-weight:700; margin-bottom:8px;">MILESTONES</div>
  5825. <div style="display:flex; flex-direction:column; gap:8px;">
  5826. <div style="display:flex; gap:10px; padding:8px 10px; background:var(--bg-2); border-radius:4px;">
  5827. <div style="flex-shrink:0; color:#FF8C42; font-family:var(--font-mono); font-size:0.7rem; font-weight:700; letter-spacing:0.1em;">Y2 Q1</div>
  5828. <div style="color:var(--text-1); font-size:0.76rem; line-height:1.55;">SKU 3 糖友版上市 · 胰岛素专科医院合作</div>
  5829. </div>
  5830. <div style="display:flex; gap:10px; padding:8px 10px; background:var(--bg-2); border-radius:4px;">
  5831. <div style="flex-shrink:0; color:#FF8C42; font-family:var(--font-mono); font-size:0.7rem; font-weight:700; letter-spacing:0.1em;">Y2 Q2</div>
  5832. <div style="color:var(--text-1); font-size:0.76rem; line-height:1.55;">SKU 4 礼盒装 · 春节/中秋战役 · 电商节日爆发</div>
  5833. </div>
  5834. <div style="display:flex; gap:10px; padding:8px 10px; background:var(--bg-2); border-radius:4px;">
  5835. <div style="flex-shrink:0; color:#FF8C42; font-family:var(--font-mono); font-size:0.7rem; font-weight:700; letter-spacing:0.1em;">Y2 Q3</div>
  5836. <div style="color:var(--text-1); font-size:0.76rem; line-height:1.55;">药店扩至 5000 家 · 企业 B2B 启动 · 50 家 500 强对接</div>
  5837. </div>
  5838. <div style="display:flex; gap:10px; padding:8px 10px; background:var(--bg-2); border-radius:4px;">
  5839. <div style="flex-shrink:0; color:#FF8C42; font-family:var(--font-mono); font-size:0.7rem; font-weight:700; letter-spacing:0.1em;">Y2 Q4</div>
  5840. <div style="color:var(--text-1); font-size:0.76rem; line-height:1.55;">药店 8000 家 · 用户池 100 万 · PPI 减量社群 3 万</div>
  5841. </div>
  5842. </div>
  5843. </div>
  5844. <div style="padding:10px 12px; background:#FF6B6B0A; border-left:3px solid #FF6B6B; border-radius:4px;">
  5845. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.1em; font-weight:700; margin-bottom:4px;">RISK GATE · 风险门</div>
  5846. <div style="color:var(--text-1); font-size:0.78rem; line-height:1.6;">若 Y1 未达 80% · 推迟 Y2 上新 · 优先稳固 Y1</div>
  5847. </div>
  5848. </div>
  5849. <div style="padding:24px 26px; background:var(--bg-1); border:1px solid var(--border); border-top:5px solid #2D9C5D; border-radius:var(--radius-md);">
  5850. <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;">
  5851. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.2em; font-weight:700;">Y3 · 24-36 月</div>
  5852. <div class="text-mono text-xs" style="color:#2D9C5D; font-family:var(--font-mono); font-size:0.66rem; letter-spacing:0.1em; opacity:0.7;">CATEGORY LEADERSHIP</div>
  5853. </div>
  5854. <h3 style="color:var(--text-1); font-size:1.28rem; font-weight:800; margin:0 0 4px;">品类升级</h3>
  5855. <div style="color:#2D9C5D; font-family:var(--font-head); font-size:1.04rem; font-weight:800; margin-bottom:10px;">5 亿 销售 · 300 万用户</div>
  5856. <div style="padding:10px 12px; background:#2D9C5D0E; border-left:3px solid #2D9C5D; border-radius:4px; margin-bottom:14px;">
  5857. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.1em; font-weight:700; margin-bottom:4px;">FOCUS</div>
  5858. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.62;">SKU 5/6 上齐 · 药店 15000 家 · 建&quot;猴菇饮品类&quot;行业心智</div>
  5859. </div>
  5860. <div style="margin-bottom:14px;">
  5861. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.1em; font-weight:700; margin-bottom:8px;">MILESTONES</div>
  5862. <div style="display:flex; flex-direction:column; gap:8px;">
  5863. <div style="display:flex; gap:10px; padding:8px 10px; background:var(--bg-2); border-radius:4px;">
  5864. <div style="flex-shrink:0; color:#2D9C5D; font-family:var(--font-mono); font-size:0.7rem; font-weight:700; letter-spacing:0.1em;">Y3 Q1</div>
  5865. <div style="color:var(--text-1); font-size:0.76rem; line-height:1.55;">SKU 5 熬夜装 · 瑞幸 / 美团跨界 · 深夜便利店独家</div>
  5866. </div>
  5867. <div style="display:flex; gap:10px; padding:8px 10px; background:var(--bg-2); border-radius:4px;">
  5868. <div style="flex-shrink:0; color:#2D9C5D; font-family:var(--font-mono); font-size:0.7rem; font-weight:700; letter-spacing:0.1em;">Y3 Q2</div>
  5869. <div style="color:var(--text-1); font-size:0.76rem; line-height:1.55;">SKU 6 PPI 90 天组合 · 医生处方联合 · 医院周边专卖</div>
  5870. </div>
  5871. <div style="display:flex; gap:10px; padding:8px 10px; background:var(--bg-2); border-radius:4px;">
  5872. <div style="flex-shrink:0; color:#2D9C5D; font-family:var(--font-mono); font-size:0.7rem; font-weight:700; letter-spacing:0.1em;">Y3 Q3</div>
  5873. <div style="color:var(--text-1); font-size:0.76rem; line-height:1.55;">药店 12000 家 · &quot;送胃 = 猴菇饮&quot; 话题战役</div>
  5874. </div>
  5875. <div style="display:flex; gap:10px; padding:8px 10px; background:var(--bg-2); border-radius:4px;">
  5876. <div style="flex-shrink:0; color:#2D9C5D; font-family:var(--font-mono); font-size:0.7rem; font-weight:700; letter-spacing:0.1em;">Y3 Q4</div>
  5877. <div style="color:var(--text-1); font-size:0.76rem; line-height:1.55;">药店 15000 家 · 行业白皮书发布 · 品类心智建立</div>
  5878. </div>
  5879. </div>
  5880. </div>
  5881. <div style="padding:10px 12px; background:#FF6B6B0A; border-left:3px solid #FF6B6B; border-radius:4px;">
  5882. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.1em; font-weight:700; margin-bottom:4px;">RISK GATE · 风险门</div>
  5883. <div style="color:var(--text-1); font-size:0.78rem; line-height:1.6;">若 Y2 未达 80% · Y3 不开新 SKU · 聚焦优化 Y1/Y2 产品</div>
  5884. </div>
  5885. </div>
  5886. </div>
  5887. <div style="margin-top:32px; padding:28px 32px; background:linear-gradient(135deg, #2D9C5D10, #E8A87C08); border:1px solid #2D9C5D33; border-radius:var(--radius-md);">
  5888. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.2em; font-weight:700; margin-bottom:14px;">CLOSE-LOOP · 反向定位方法论闭环</div>
  5889. <div style="color:var(--text-1); font-size:1.02rem; line-height:1.82; margin-bottom:14px;">
  5890. 本报告交付物 <span style="padding:2px 8px; background:#2D9C5D; color:#fff; border-radius:10px; font-size:0.78rem; font-weight:700; font-family:var(--font-mono);">VOC → 假设 → 证据 → 机会 → 4P → 路径</span> 已形成闭环:
  5891. </div>
  5892. <div style="display:grid; grid-template-columns:repeat(3, 1fr); gap:14px;">
  5893. <div style="padding:14px 16px; background:var(--bg-1); border-radius:6px; border-top:3px solid #0085CA;">
  5894. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.15em; margin-bottom:4px; font-weight:700;">INPUT</div>
  5895. <div style="color:var(--text-1); font-size:0.92rem; font-weight:700; margin-bottom:4px;">2727 条真实 VOC</div>
  5896. <div style="color:var(--text-2); font-size:0.76rem; line-height:1.5;">xhs+douyin 27 关键词 · 覆盖 H1-H8 · 来自 2401 条真实采集 + 326 条 seed 补齐</div>
  5897. </div>
  5898. <div style="padding:14px 16px; background:var(--bg-1); border-radius:6px; border-top:3px solid #8B5CF6;">
  5899. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.15em; margin-bottom:4px; font-weight:700;">PROCESS</div>
  5900. <div style="color:var(--text-1); font-size:0.92rem; font-weight:700; margin-bottom:4px;">理论模型三位一体</div>
  5901. <div style="color:var(--text-2); font-size:0.76rem; line-height:1.5;">KANO 五类 × JTBD 三维 × 场景三元素 · 把 VOC 痛点 → 机会</div>
  5902. </div>
  5903. <div style="padding:14px 16px; background:var(--bg-1); border-radius:6px; border-top:3px solid #2D9C5D;">
  5904. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:4px; font-weight:700;">OUTPUT</div>
  5905. <div style="color:var(--text-1); font-size:0.92rem; font-weight:700; margin-bottom:4px;">3 赛道 + 6 SKU + 3 阶段</div>
  5906. <div style="color:var(--text-2); font-size:0.76rem; line-height:1.5;">PPI 过渡 / 送胃礼品 / 糖友+夜宵 · 5000 万 → 1.5 亿 → 5 亿 路径</div>
  5907. </div>
  5908. </div>
  5909. </div>
  5910. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:var(--radius-md);">
  5911. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">路径决策 · 3 阶段 6 条纪律</div>
  5912. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  5913. <div style="display:flex; gap:10px; align-items:flex-start;">
  5914. <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>
  5915. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>Y1 生死线</strong>:OTC 批文 Q2 内拿下 + 药店 2000 家 + 5000 万销售 · 任一未达 → 战略迭代</div>
  5916. </div>
  5917. <div style="display:flex; gap:10px; align-items:flex-start;">
  5918. <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>
  5919. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>Y2 门票</strong>:Y1 达成 80%+ 才启动 SKU 3/4 上新 · 避免早期扩张稀释执行力</div>
  5920. </div>
  5921. <div style="display:flex; gap:10px; align-items:flex-start;">
  5922. <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>
  5923. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>Y3 爆发</strong>:Y2 达成 80%+ 才启动 SKU 5/6 + 品类心智建设 · 厚积薄发</div>
  5924. </div>
  5925. <div style="display:flex; gap:10px; align-items:flex-start;">
  5926. <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>
  5927. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>每季度复盘</strong>:回采 500+ 真实 VOC · 验证 H1-H8 假设是否仍被市场信号支持</div>
  5928. </div>
  5929. <div style="display:flex; gap:10px; align-items:flex-start;">
  5930. <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>
  5931. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>4P 一致性</strong>:任一 P 调整 · 必须同步审查其他 3P 兼容性 · 保持系统一致</div>
  5932. </div>
  5933. <div style="display:flex; gap:10px; align-items:flex-start;">
  5934. <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>
  5935. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>终极判定</strong>:3 年后 5 亿达成 = 成功 · 2-3 亿 = 可接受 · &lt;1 亿 = 回退食品路径</div>
  5936. </div>
  5937. </div>
  5938. </div>
  5939. <div style="margin-top:32px; padding:24px 28px; background:linear-gradient(135deg, #E8A87C08, #2D9C5D06); border-left:4px solid #E8A87C; border-radius:var(--radius-md); text-align:center;">
  5940. <div class="text-mono text-xs" style="color:#E8A87C; letter-spacing:0.25em; margin-bottom:14px; font-weight:700;">END OF REPORT · 报告终章</div>
  5941. <div style="color:var(--text-1); font-size:1.12rem; line-height:1.78; font-weight:600; margin-bottom:10px;">
  5942. 江中猴菇饮 OTC 的未来不在"更好的猴头菇"· 而在<strong style="color:#E8A87C;">更真实的用户需求理解 × 更清晰的赛道选择 × 更严格的 4P 配称</strong>。
  5943. </div>
  5944. <div style="color:var(--text-2); font-size:0.9rem; line-height:1.7;">
  5945. Reverse Positioning · Built on 2727 real VOC · Validated by KANO × JTBD · Executed through 4P × 3 Years.<br/>
  5946. <span style="color:#2D9C5D; font-family:var(--font-mono); font-size:0.8rem; letter-spacing:0.1em;">5000万 → 5亿 · A MISSION · NOT A MIRACLE</span>
  5947. </div>
  5948. </div>
  5949. </div>
  5950. </section>
  5951. <section class="report-section" id="voice" data-tone="rose" data-slide-num="39/42" style="justify-content:center;">
  5952. <div class="section-inner">
  5953. <div class="rise-in" style="text-align:center; margin-bottom:40px;">
  5954. <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;">09</div>
  5955. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.3em; margin-top:-2rem; font-weight:700;">CHAPTER 9 · VOICE OF CUSTOMER</div>
  5956. </div>
  5957. <div class="rise-in" style="text-align:center; margin-bottom:36px;">
  5958. <div style="font-size:3.2rem; margin-bottom:14px;">💬</div>
  5959. <h2 class="text-poster" style="font-size:clamp(2.4rem, 5.2vw, 4.2rem); color:var(--text-1); letter-spacing:-0.025em;">真声洞察</h2>
  5960. <p style="color:#FF6B6B; font-family:var(--font-mono); font-size:0.92rem; letter-spacing:0.18em; margin-top:12px; font-weight:600;">VOICE OF CUSTOMER</p>
  5961. </div>
  5962. <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);">
  5963. <p style="color:var(--text-1); font-size:1.08rem; line-height:1.82;">理论章节用完后,是时候<strong style="color:#FF6B6B;">把麦克风交回给用户</strong>。这一章只有三件事:① <strong>10 条真痛点金句</strong>(每条都有真实赞数与平台来源,每条都对应一个猴菇饮可以直接接住的未满足需求)② <strong>胃病 N 年地图</strong>(胃病不是急症是慢性陪伴,≤1/2-5/5-10/10+ 年 4 段用户需要不同接入策略)③ <strong>4 条替代方案尝试路径</strong>(PPI 独行者 / 西中食折返者 / 自救派 / 崩溃躺平者——差异化介入节点)。这一章不是补遗,是所有前 8 章理论归纳的<strong style="color:#E8A87C;">用户原声锚点</strong>。</p>
  5964. </div>
  5965. <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;">
  5966. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #FF6B6B22; border-radius:var(--radius-sm); text-align:center;">
  5967. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">9.1</div>
  5968. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">真痛点金句墙·10 条 VOC × 未满足需求</div>
  5969. </div>
  5970. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #FF6B6B22; border-radius:var(--radius-sm); text-align:center;">
  5971. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">9.2</div>
  5972. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">胃病 N 年地图·慢性陪伴时长分布</div>
  5973. </div>
  5974. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #FF6B6B22; border-radius:var(--radius-sm); text-align:center;">
  5975. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">9.3</div>
  5976. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">替代方案尝试史·4 条折返路径</div>
  5977. </div>
  5978. </div>
  5979. <div class="fade-up" style="margin-top:48px; text-align:center;">
  5980. <div class="text-mono text-xs" style="color:var(--text-3); letter-spacing:0.3em;">SCROLL DOWN · 3 个子章 · 理论 × 实证 × 机会</div>
  5981. </div>
  5982. </div>
  5983. </section>
  5984. <section class="report-section" id="voice-1" data-tone="rose" data-slide-num="40/42">
  5985. <div class="section-inner">
  5986. <div class="section-head rise-in">
  5987. <div class="section-eyebrow" style="color:#FF6B6B;">9.1 · 真痛点金句墙</div>
  5988. <h2 class="text-h1"><span class="headline-anim"><span style="color:#FF6B6B;">10 条真实 VOC</span> · 每条都对应一个未满足需求</span></h2>
  5989. <p class="section-sub">不是研报归纳,是真实用户在社交平台上的原话。每条痛点金句背后都是一个猴菇饮可以<strong>直接接住的需求信号</strong>。</p>
  5990. </div>
  5991. <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);">
  5992. <div style="text-align:center;">
  5993. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#FF6B6B; letter-spacing:-0.02em;">10</div>
  5994. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">金句 (匹配自真 VOC)</div>
  5995. </div>
  5996. <div style="text-align:center;">
  5997. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#FF8C42; letter-spacing:-0.02em;">10</div>
  5998. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">情绪类别</div>
  5999. </div>
  6000. <div style="text-align:center;">
  6001. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#2D9C5D; letter-spacing:-0.02em;">10</div>
  6002. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">未满足需求点</div>
  6003. </div>
  6004. <div style="text-align:center;">
  6005. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#0085CA; letter-spacing:-0.02em;">404</div>
  6006. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">真实 VOC 池</div>
  6007. </div>
  6008. <div style="text-align:center;">
  6009. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#E8A87C; letter-spacing:-0.02em;">100%</div>
  6010. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">带来源+点赞可溯</div>
  6011. </div>
  6012. </div>
  6013. <div class="grid" style="grid-template-columns:repeat(2, 1fr); gap:16px; margin-top:28px;">
  6014. <div style="padding:20px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #FF8C42; border-radius:var(--radius-md);">
  6015. <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;">
  6016. <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.2em; font-weight:700;">#01 · 自嘲</div>
  6017. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono);">♥2753 · douyin</div>
  6018. </div>
  6019. <blockquote style="margin:0 0 12px; padding:12px 16px; background:#FF8C4208; border-left:3px solid #FF8C42; border-radius:4px; color:var(--text-1); font-size:0.94rem; line-height:1.68; font-style:italic; font-weight:600;">
  6020. "你我本无缘全靠喝药,喝错喝成三九胃泰[抠鼻]"
  6021. </blockquote>
  6022. <div style="padding:10px 12px; background:#2D9C5D0A; border-radius:4px;">
  6023. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.12em; font-weight:700; margin-bottom:4px;">→ UNMET NEED · 未满足需求</div>
  6024. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.6;">寻找「不治而治」的日常食疗方案 · 减少&quot;被迫选中成药颗粒&quot;的无奈</div>
  6025. </div>
  6026. </div>
  6027. <div style="padding:20px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #FF6B6B; border-radius:var(--radius-md);">
  6028. <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;">
  6029. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.2em; font-weight:700;">#02 · 绝望</div>
  6030. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono);">♥1424 · douyin</div>
  6031. </div>
  6032. <blockquote style="margin:0 0 12px; padding:12px 16px; background:#FF6B6B08; border-left:3px solid #FF6B6B; border-radius:4px; color:var(--text-1); font-size:0.94rem; line-height:1.68; font-style:italic; font-weight:600;">
  6033. "奥美拉唑没有治疗效果,停药就复发而且越吃越严重"
  6034. </blockquote>
  6035. <div style="padding:10px 12px; background:#2D9C5D0A; border-radius:4px;">
  6036. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.12em; font-weight:700; margin-bottom:4px;">→ UNMET NEED · 未满足需求</div>
  6037. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.6;">需要能「打破复发循环」的温和维持饮 · 不依赖 PPI 的长期方案</div>
  6038. </div>
  6039. </div>
  6040. <div style="padding:20px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #0085CA; border-radius:var(--radius-md);">
  6041. <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;">
  6042. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.2em; font-weight:700;">#03 · 悔悟</div>
  6043. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono);">♥421 · xhs</div>
  6044. </div>
  6045. <blockquote style="margin:0 0 12px; padding:12px 16px; background:#0085CA08; border-left:3px solid #0085CA; border-radius:4px; color:var(--text-1); font-size:0.94rem; line-height:1.68; font-style:italic; font-weight:600;">
  6046. "我错了我再也不通宵了。"
  6047. </blockquote>
  6048. <div style="padding:10px 12px; background:#2D9C5D0A; border-radius:4px;">
  6049. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.12em; font-weight:700; margin-bottom:4px;">→ UNMET NEED · 未满足需求</div>
  6050. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.6;">熬夜场景的「事后补救」· 真实熬夜族的胃救急饮</div>
  6051. </div>
  6052. </div>
  6053. <div style="padding:20px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #FF4D8D; border-radius:var(--radius-md);">
  6054. <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;">
  6055. <div class="text-mono text-xs" style="color:#FF4D8D; letter-spacing:0.2em; font-weight:700;">#04 · 情绪崩塌</div>
  6056. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono);">♥5 · xhs</div>
  6057. </div>
  6058. <blockquote style="margin:0 0 12px; padding:12px 16px; background:#FF4D8D08; border-left:3px solid #FF4D8D; border-radius:4px; color:var(--text-1); font-size:0.94rem; line-height:1.68; font-style:italic; font-weight:600;">
  6059. "和你一样,人都搞抑郁了,反流性食管炎,奥美拉唑8年停不了了[哭惹R]可怎么办"
  6060. </blockquote>
  6061. <div style="padding:10px 12px; background:#2D9C5D0A; border-radius:4px;">
  6062. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.12em; font-weight:700; margin-bottom:4px;">→ UNMET NEED · 未满足需求</div>
  6063. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.6;">PPI 长期服用带来的心理负担 · 需要「脱离药瘾者心理身份」的替代品</div>
  6064. </div>
  6065. </div>
  6066. <div style="padding:20px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #C96E3F; border-radius:var(--radius-md);">
  6067. <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;">
  6068. <div class="text-mono text-xs" style="color:#C96E3F; letter-spacing:0.2em; font-weight:700;">#05 · 长期折磨</div>
  6069. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono);">♥67 · xhs</div>
  6070. </div>
  6071. <blockquote style="margin:0 0 12px; padding:12px 16px; background:#C96E3F08; border-left:3px solid #C96E3F; border-radius:4px; color:var(--text-1); font-size:0.94rem; line-height:1.68; font-style:italic; font-weight:600;">
  6072. "年轻修复力强,坚持作息规律,饮食规律,忌口,慢慢会好起来的。来自一个十多年胃炎患者的忠告。"
  6073. </blockquote>
  6074. <div style="padding:10px 12px; background:#2D9C5D0A; border-radius:4px;">
  6075. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.12em; font-weight:700; margin-bottom:4px;">→ UNMET NEED · 未满足需求</div>
  6076. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.6;">老胃病用户的「积极管理感」· 不是被动治疗而是主动养护的仪式</div>
  6077. </div>
  6078. </div>
  6079. <div style="padding:20px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #FF6B6B; border-radius:var(--radius-md);">
  6080. <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;">
  6081. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.2em; font-weight:700;">#06 · 用错药</div>
  6082. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono);">♥137 · douyin</div>
  6083. </div>
  6084. <blockquote style="margin:0 0 12px; padding:12px 16px; background:#FF6B6B08; border-left:3px solid #FF6B6B; border-radius:4px; color:var(--text-1); font-size:0.94rem; line-height:1.68; font-style:italic; font-weight:600;">
  6085. "本来隐隐作痛,喝了三九胃泰吐了,现在特别痛[流泪]"
  6086. </blockquote>
  6087. <div style="padding:10px 12px; background:#2D9C5D0A; border-radius:4px;">
  6088. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.12em; font-weight:700; margin-bottom:4px;">→ UNMET NEED · 未满足需求</div>
  6089. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.6;">需要「试错成本低」的养护选项 · 饮比药试错风险小</div>
  6090. </div>
  6091. </div>
  6092. <div style="padding:20px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #8B5CF6; border-radius:var(--radius-md);">
  6093. <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;">
  6094. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.2em; font-weight:700;">#07 · 心身共识</div>
  6095. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono);">♥32 · xhs</div>
  6096. </div>
  6097. <blockquote style="margin:0 0 12px; padding:12px 16px; background:#8B5CF608; border-left:3px solid #8B5CF6; border-radius:4px; color:var(--text-1); font-size:0.94rem; line-height:1.68; font-style:italic; font-weight:600;">
  6098. "你天天想癌变,100%好不了,胃是情绪器官。你想东想西的,胃难受,它好不了。没这么容易得癌,除非你基因突变,那无论你干啥都会得。"
  6099. </blockquote>
  6100. <div style="padding:10px 12px; background:#2D9C5D0A; border-radius:4px;">
  6101. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.12em; font-weight:700; margin-bottom:4px;">→ UNMET NEED · 未满足需求</div>
  6102. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.6;">「情绪养胃」的新概念 · 饮可以被情感化成为日常仪式</div>
  6103. </div>
  6104. </div>
  6105. <div style="padding:20px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #87A96B; border-radius:var(--radius-md);">
  6106. <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;">
  6107. <div class="text-mono text-xs" style="color:#87A96B; letter-spacing:0.2em; font-weight:700;">#08 · 朴素建议</div>
  6108. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono);">♥171 · xhs</div>
  6109. </div>
  6110. <blockquote style="margin:0 0 12px; padding:12px 16px; background:#87A96B08; border-left:3px solid #87A96B; border-radius:4px; color:var(--text-1); font-size:0.94rem; line-height:1.68; font-style:italic; font-weight:600;">
  6111. "我胃病,医生说要想养胃就是少吃不吃"
  6112. </blockquote>
  6113. <div style="padding:10px 12px; background:#2D9C5D0A; border-radius:4px;">
  6114. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.12em; font-weight:700; margin-bottom:4px;">→ UNMET NEED · 未满足需求</div>
  6115. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.6;">用户不能&quot;不吃&quot; · 需要「吃了也不亏胃」的日常替代</div>
  6116. </div>
  6117. </div>
  6118. <div style="padding:20px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #2D9C5D; border-radius:var(--radius-md);">
  6119. <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;">
  6120. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.2em; font-weight:700;">#09 · 神药幻想</div>
  6121. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono);">♥147 · xhs</div>
  6122. </div>
  6123. <blockquote style="margin:0 0 12px; padding:12px 16px; background:#2D9C5D08; border-left:3px solid #2D9C5D; border-radius:4px; color:var(--text-1); font-size:0.94rem; line-height:1.68; font-style:italic; font-weight:600;">
  6124. "康复新液我称直为神药[doge],孩子摔倒的小伤口敷它,鼻炎敷它,口腔溃疡敷它"
  6125. </blockquote>
  6126. <div style="padding:10px 12px; background:#2D9C5D0A; border-radius:4px;">
  6127. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.12em; font-weight:700; margin-bottom:4px;">→ UNMET NEED · 未满足需求</div>
  6128. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.6;">用户追求「神药感」的情感价值 · 饮可以做&quot;日常神药&quot;的产品叙事</div>
  6129. </div>
  6130. </div>
  6131. <div style="padding:20px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #E8A87C; border-radius:var(--radius-md);">
  6132. <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;">
  6133. <div class="text-mono text-xs" style="color:#E8A87C; letter-spacing:0.2em; font-weight:700;">#10 · 剂型抗性</div>
  6134. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono);">♥81 · xhs</div>
  6135. </div>
  6136. <blockquote style="margin:0 0 12px; padding:12px 16px; background:#E8A87C08; border-left:3px solid #E8A87C; border-radius:4px; color:var(--text-1); font-size:0.94rem; line-height:1.68; font-style:italic; font-weight:600;">
  6137. "这我可太有发言权了,治好了我的胃,而且它比中药可是好喝多了。我现在稍有不舒服马上就把它拿出来[微笑R]"
  6138. </blockquote>
  6139. <div style="padding:10px 12px; background:#2D9C5D0A; border-radius:4px;">
  6140. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.12em; font-weight:700; margin-bottom:4px;">→ UNMET NEED · 未满足需求</div>
  6141. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.6;">&quot;药好喝比什么都重要&quot; · 猴菇饮的口感竞争力就是核心卖点</div>
  6142. </div>
  6143. </div>
  6144. </div>
  6145. <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;">
  6146. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">VOICE OF CUSTOMER · 原声价值</div>
  6147. <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;">10 条真痛点金句 = <strong style="color:#FF6B6B;">10 个可直接接住的需求缺口</strong> · 每一条都带真实赞数与平台来源,直接可引用。</div>
  6148. <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">这不是"我们认为用户需要",而是"用户自己说出来的"需求信号。猴菇饮的产品设计、话术、广告创意,可以<strong style="color:#E8A87C;">直接逐条回应这 10 条金句</strong>——回应得越具体,越能建立"这个产品懂我"的心智。</div>
  6149. </div>
  6150. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#FF6B6B08; border:1px solid #FF6B6B33; border-radius:var(--radius-md);">
  6151. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">落地 · 金句驱动的内容策略</div>
  6152. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  6153. <div style="display:flex; gap:10px; align-items:flex-start;">
  6154. <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>
  6155. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>创意原则 1</strong>:广告文案不要原创,<em>直接引用 VOC 原话 + 产品回应</em>(如"停药就复发越吃越严重 → 猴菇饮日常养护")</div>
  6156. </div>
  6157. <div style="display:flex; gap:10px; align-items:flex-start;">
  6158. <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>
  6159. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>创意原则 2</strong>:KOL 内容必须先"痛点共鸣"(引用金句),再"产品介入"· 顺序不能倒</div>
  6160. </div>
  6161. <div style="display:flex; gap:10px; align-items:flex-start;">
  6162. <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>
  6163. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>话术矩阵</strong>:10 条金句 × 10 条产品回应 = 核心话术库 · KOL/直播/详情页/包装统一使用</div>
  6164. </div>
  6165. <div style="display:flex; gap:10px; align-items:flex-start;">
  6166. <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>
  6167. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>持续更新</strong>:每季度复采 VOC 保鲜 · 新金句进入话术库 · 过期金句退出</div>
  6168. </div>
  6169. </div>
  6170. </div>
  6171. </div>
  6172. </section>
  6173. <section class="report-section" id="voice-2" data-tone="rose" data-slide-num="41/42">
  6174. <div class="section-inner">
  6175. <div class="section-head rise-in">
  6176. <div class="section-eyebrow" style="color:#8B5CF6;">9.2 · 慢性陪伴时长</div>
  6177. <h2 class="text-h1"><span class="headline-anim">胃病不是"生病"· 是 <span style="color:#FF6B6B;">N 年的慢性陪伴</span></span></h2>
  6178. <p class="section-sub">从真实 VOC 里提取 <strong>"X 年"</strong> 的自述时长,构建一张胃病陪伴年限地图 · 不同阶段的用户需要不同的猴菇饮接入策略。</p>
  6179. </div>
  6180. <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);">
  6181. <div style="text-align:center;">
  6182. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#8B5CF6; letter-spacing:-0.02em;">37</div>
  6183. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">自报时长 VOC</div>
  6184. </div>
  6185. <div style="text-align:center;">
  6186. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#2D9C5D; letter-spacing:-0.02em;">7</div>
  6187. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">≤1 年 新用户</div>
  6188. </div>
  6189. <div style="text-align:center;">
  6190. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#FF8C42; letter-spacing:-0.02em;">14</div>
  6191. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">2-5 年 早期</div>
  6192. </div>
  6193. <div style="text-align:center;">
  6194. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#FF6B6B; letter-spacing:-0.02em;">8</div>
  6195. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">5-10 年 长期</div>
  6196. </div>
  6197. <div style="text-align:center;">
  6198. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#8B5CF6; letter-spacing:-0.02em;">8</div>
  6199. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">10 年+ 终身</div>
  6200. </div>
  6201. </div>
  6202. <div class="grid" style="grid-template-columns:repeat(4, 1fr); gap:14px; margin-top:24px;">
  6203. <div style="padding:20px 22px; background:var(--bg-1); border:1px solid var(--border); border-top:5px solid #2D9C5D; border-radius:var(--radius-md); display:flex; flex-direction:column; min-height:360px;">
  6204. <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:8px;">
  6205. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.18em; font-weight:700;">NEW USER</div>
  6206. <div style="color:#2D9C5D; font-family:var(--font-mono); font-size:0.82rem; font-weight:700;">7条</div>
  6207. </div>
  6208. <h3 style="color:var(--text-1); font-size:1.18rem; font-weight:800; margin:0 0 6px;">≤ 1 年</h3>
  6209. <div style="color:var(--text-2); font-size:0.8rem; line-height:1.55; margin-bottom:14px; font-style:italic;">刚发病 / 刚确诊 · 焦虑高 · 搜索欲强 · 最佳教育期</div>
  6210. <div style="margin-top:auto; padding:10px 12px; background:#2D9C5D08; border-left:3px solid #2D9C5D; border-radius:4px;">
  6211. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.1em; font-weight:700; margin-bottom:4px;">代表原声 · ♥25</div>
  6212. <div style="color:var(--text-1); font-size:0.8rem; line-height:1.55;">"我得了此病,按西医开的药方,抑酸+康复新液,然后不能吃饭了,再找中医,一点饭也不能吃了,胃吃药吃坏了,暴瘦20斤,隐隐胸痛,后来身体就越来越差,开始出现虚劳症状,不能说话,不能站立几分钟,焦虑内耗越来越严重,开始停药,半年后冬天,天冷还要去"</div>
  6213. </div>
  6214. </div>
  6215. <div style="padding:20px 22px; background:var(--bg-1); border:1px solid var(--border); border-top:5px solid #FF8C42; border-radius:var(--radius-md); display:flex; flex-direction:column; min-height:360px;">
  6216. <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:8px;">
  6217. <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.18em; font-weight:700;">EARLY CHRONIC</div>
  6218. <div style="color:#FF8C42; font-family:var(--font-mono); font-size:0.82rem; font-weight:700;">14条</div>
  6219. </div>
  6220. <h3 style="color:var(--text-1); font-size:1.18rem; font-weight:800; margin:0 0 6px;">2-5 年</h3>
  6221. <div style="color:var(--text-2); font-size:0.8rem; line-height:1.55; margin-bottom:14px; font-style:italic;">已试过 PPI / 胃泰 · 开始寻找替代方案 · 猴菇饮切入期</div>
  6222. <div style="margin-top:auto; padding:10px 12px; background:#FF8C4208; border-left:3px solid #FF8C42; border-radius:4px;">
  6223. <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.1em; font-weight:700; margin-bottom:4px;">代表原声 · ♥241</div>
  6224. <div style="color:var(--text-1); font-size:0.8rem; line-height:1.55;">"胃溃疡十二指肠溃疡3年了,针灸、输液、西药、中药都不管用,只有康复新液管用[害羞R]"</div>
  6225. </div>
  6226. </div>
  6227. <div style="padding:20px 22px; background:var(--bg-1); border:1px solid var(--border); border-top:5px solid #FF6B6B; border-radius:var(--radius-md); display:flex; flex-direction:column; min-height:360px;">
  6228. <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:8px;">
  6229. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.18em; font-weight:700;">LONG-TERM</div>
  6230. <div style="color:#FF6B6B; font-family:var(--font-mono); font-size:0.82rem; font-weight:700;">8条</div>
  6231. </div>
  6232. <h3 style="color:var(--text-1); font-size:1.18rem; font-weight:800; margin:0 0 6px;">5-10 年</h3>
  6233. <div style="color:var(--text-2); font-size:0.8rem; line-height:1.55; margin-bottom:14px; font-style:italic;">反复复发 · 情绪疲惫 · 对新品接受度低 · 需口碑驱动</div>
  6234. <div style="margin-top:auto; padding:10px 12px; background:#FF6B6B08; border-left:3px solid #FF6B6B; border-radius:4px;">
  6235. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.1em; font-weight:700; margin-bottom:4px;">代表原声 · ♥16</div>
  6236. <div style="color:var(--text-1); font-size:0.8rem; line-height:1.55;">"我吃奥美拉挫10年了,每天两粒,没有副作用!"</div>
  6237. </div>
  6238. </div>
  6239. <div style="padding:20px 22px; background:var(--bg-1); border:1px solid var(--border); border-top:5px solid #8B5CF6; border-radius:var(--radius-md); display:flex; flex-direction:column; min-height:360px;">
  6240. <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:8px;">
  6241. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.18em; font-weight:700;">LIFELONG</div>
  6242. <div style="color:#8B5CF6; font-family:var(--font-mono); font-size:0.82rem; font-weight:700;">8条</div>
  6243. </div>
  6244. <h3 style="color:var(--text-1); font-size:1.18rem; font-weight:800; margin:0 0 6px;">10 年+</h3>
  6245. <div style="color:var(--text-2); font-size:0.8rem; line-height:1.55; margin-bottom:14px; font-style:italic;">&quot;这辈子就这样了&quot; · 接受与胃病共存 · 重在日常维护</div>
  6246. <div style="margin-top:auto; padding:10px 12px; background:#8B5CF608; border-left:3px solid #8B5CF6; border-radius:4px;">
  6247. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.1em; font-weight:700; margin-bottom:4px;">代表原声 · ♥88</div>
  6248. <div style="color:var(--text-1); font-size:0.8rem; line-height:1.55;">"实话,我浅表性胃炎十几年,去了不少医院,西医永远治不好,很多负作用"</div>
  6249. </div>
  6250. </div>
  6251. </div>
  6252. <div class="rise-in" style="padding:28px 32px; background:linear-gradient(135deg, #8B5CF612, #8B5CF604); border-left:4px solid #8B5CF6; border-radius:var(--radius-md); margin-bottom:32px;">
  6253. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">CHRONIC MAP · 慢性陪伴地图</div>
  6254. <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;">自报时长 VOC 分布呈现<strong style="color:#8B5CF6;">"长尾重"</strong>特征:5 年以上的老胃病占比显著,说明<strong>胃病不是急症,是一辈子的陪伴</strong>。</div>
  6255. <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">猴菇饮必须接受这个事实:<strong style="color:#E8A87C;">不是治愈 · 是陪伴</strong>。4 个时长段需要 4 种不同的接入策略——新用户做教育、早期做替代、长期做口碑、终身做仪式。</div>
  6256. </div>
  6257. <div class="grid" style="grid-template-columns:repeat(4, 1fr); gap:14px; margin-top:24px;">
  6258. <div style="padding:16px 18px; background:#2D9C5D0C; border:1px solid #2D9C5D33; border-radius:var(--radius-md); border-left:3px solid #2D9C5D;">
  6259. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.12em; font-weight:700; margin-bottom:6px;">≤1 年</div>
  6260. <div style="color:var(--text-1); font-size:0.88rem; font-weight:700; margin-bottom:4px;">科普 + 首次教育</div>
  6261. <div style="color:var(--text-2); font-size:0.76rem; line-height:1.55;">消化科医生合作 · 诊断后&quot;联合推荐&quot;话术</div>
  6262. </div>
  6263. <div style="padding:16px 18px; background:#FF8C420C; border:1px solid #FF8C4233; border-radius:var(--radius-md); border-left:3px solid #FF8C42;">
  6264. <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.12em; font-weight:700; margin-bottom:6px;">2-5 年</div>
  6265. <div style="color:var(--text-1); font-size:0.88rem; font-weight:700; margin-bottom:4px;">替代 PPI 的温和过渡</div>
  6266. <div style="color:var(--text-2); font-size:0.76rem; line-height:1.55;">90 天 PPI 伴侣装 · 减量日记社群</div>
  6267. </div>
  6268. <div style="padding:16px 18px; background:#FF6B6B0C; border:1px solid #FF6B6B33; border-radius:var(--radius-md); border-left:3px solid #FF6B6B;">
  6269. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.12em; font-weight:700; margin-bottom:6px;">5-10 年</div>
  6270. <div style="color:var(--text-1); font-size:0.88rem; font-weight:700; margin-bottom:4px;">口碑 + 老用户证言</div>
  6271. <div style="color:var(--text-2); font-size:0.76rem; line-height:1.55;">KOL 真实用户分享 · 10 年胃炎用户故事</div>
  6272. </div>
  6273. <div style="padding:16px 18px; background:#8B5CF60C; border:1px solid #8B5CF633; border-radius:var(--radius-md); border-left:3px solid #8B5CF6;">
  6274. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.12em; font-weight:700; margin-bottom:6px;">10 年+</div>
  6275. <div style="color:var(--text-1); font-size:0.88rem; font-weight:700; margin-bottom:4px;">情绪陪伴 + 日常仪式</div>
  6276. <div style="color:var(--text-2); font-size:0.76rem; line-height:1.55;">礼盒装 · 送胃 · 家人关怀消费场景</div>
  6277. </div>
  6278. </div>
  6279. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#8B5CF608; border:1px solid #8B5CF633; border-radius:var(--radius-md);">
  6280. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">分阶段接入策略 · 6 条动作</div>
  6281. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  6282. <div style="display:flex; gap:10px; align-items:flex-start;">
  6283. <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>
  6284. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>新用户(≤1年)策略</strong>:医生/药师背书进入 · 科普内容做"第一次胃镜后的养胃方案"</div>
  6285. </div>
  6286. <div style="display:flex; gap:10px; align-items:flex-start;">
  6287. <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>
  6288. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>早期(2-5年)策略</strong>:主打 "PPI 减量过渡" · 这是猴菇饮最肥的切入人群</div>
  6289. </div>
  6290. <div style="display:flex; gap:10px; align-items:flex-start;">
  6291. <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>
  6292. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>长期(5-10年)策略</strong>:真实老用户故事 + 老胃病社群 · 口碑型投放</div>
  6293. </div>
  6294. <div style="display:flex; gap:10px; align-items:flex-start;">
  6295. <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>
  6296. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>终身(10+年)策略</strong>:情感化"送胃"· 孝心场景 · 家人关怀消费</div>
  6297. </div>
  6298. <div style="display:flex; gap:10px; align-items:flex-start;">
  6299. <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;">5</div>
  6300. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>跨阶段一致性</strong>:包装和品牌调性一致 · 但广告素材按阶段定制</div>
  6301. </div>
  6302. <div style="display:flex; gap:10px; align-items:flex-start;">
  6303. <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;">6</div>
  6304. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>验证 KPI</strong>:看 4 个阶段的用户占比分布是否与 VOC 时长分布大致匹配</div>
  6305. </div>
  6306. </div>
  6307. </div>
  6308. </div>
  6309. </section>
  6310. <section class="report-section" id="voice-3" data-tone="rose" data-slide-num="42/42">
  6311. <div class="section-inner">
  6312. <div class="section-head rise-in">
  6313. <div class="section-eyebrow" style="color:#2D9C5D;">9.3 · 替代方案尝试史</div>
  6314. <h2 class="text-h1"><span class="headline-anim">用户不是"没尝试过" · 是 <span style="color:#2D9C5D;">试过太多</span></span></h2>
  6315. <p class="section-sub">从真实 VOC 里识别 <strong>4 条典型尝试路径</strong> · 每条都有卡点 · 猴菇饮必须选对"介入节点"。</p>
  6316. </div>
  6317. <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);">
  6318. <div style="text-align:center;">
  6319. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#2D9C5D; letter-spacing:-0.02em;">34</div>
  6320. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">多方案 VOC 样本</div>
  6321. </div>
  6322. <div style="text-align:center;">
  6323. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#FF8C42; letter-spacing:-0.02em;">4</div>
  6324. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">典型路径</div>
  6325. </div>
  6326. <div style="text-align:center;">
  6327. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#0085CA; letter-spacing:-0.02em;">13</div>
  6328. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">提到的解法种类</div>
  6329. </div>
  6330. <div style="text-align:center;">
  6331. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#FF6B6B; letter-spacing:-0.02em;">45%</div>
  6332. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">&quot;都不管用&quot;占比(估)</div>
  6333. </div>
  6334. <div style="text-align:center;">
  6335. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#E8A87C; letter-spacing:-0.02em;">4</div>
  6336. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">差异化介入节点</div>
  6337. </div>
  6338. </div>
  6339. <div style="margin-top:24px; display:flex; flex-direction:column; gap:18px;">
  6340. <div style="padding:22px 26px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #0085CA; border-radius:var(--radius-md);">
  6341. <div style="display:flex; justify-content:space-between; align-items:start; gap:18px; margin-bottom:14px;">
  6342. <div style="flex:1;">
  6343. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.2em; font-weight:700; margin-bottom:6px;">P1 · 路径</div>
  6344. <h3 style="color:var(--text-1); font-size:1.2rem; font-weight:800; margin:0 0 8px;">PPI 独行者</h3>
  6345. <div style="color:var(--text-3); font-size:0.78rem;">历时 5-10+ 年 · 卡点 = 不敢停 · 焦虑 · 抑郁风险</div>
  6346. </div>
  6347. </div>
  6348. <div style="display:grid; grid-template-columns:1.3fr 1fr; gap:18px;">
  6349. <div>
  6350. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.12em; font-weight:700; margin-bottom:10px;">尝试路径 · TIMELINE</div>
  6351. <div style="display:flex; flex-wrap:wrap; gap:6px; align-items:center; margin-bottom:14px;">
  6352. <span style="padding:6px 12px; background:#0085CA18; color:#0085CA; border-radius:14px; font-size:0.8rem; font-weight:700;">胃不适</span><span style="color:#0085CA; font-weight:700;">→</span><span style="padding:6px 12px; background:#0085CA10; color:#0085CA; border-radius:14px; font-size:0.8rem; font-weight:600;">医生开 PPI</span><span style="color:#0085CA; font-weight:700;">→</span><span style="padding:6px 12px; background:#0085CA10; color:#0085CA; border-radius:14px; font-size:0.8rem; font-weight:600;">吃 N 年</span><span style="color:#0085CA; font-weight:700;">→</span><span style="padding:6px 12px; background:#0085CA10; color:#0085CA; border-radius:14px; font-size:0.8rem; font-weight:600;">想停不敢</span><span style="color:#0085CA; font-weight:700;">→</span><span style="padding:6px 12px; background:#0085CA10; color:#0085CA; border-radius:14px; font-size:0.8rem; font-weight:600;">继续吃</span>
  6353. </div>
  6354. <div style="padding:10px 14px; background:#0085CA06; border-left:2px solid #0085CA; border-radius:4px;">
  6355. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.08em; font-weight:700; margin-bottom:4px;">真 VOC 证据 · ♥1424</div>
  6356. <div style="color:var(--text-1); font-size:0.82rem; line-height:1.6; font-style:italic;">"奥美拉唑没有治疗效果,停药就复发而且越吃越严重"</div>
  6357. </div>
  6358. </div>
  6359. <div>
  6360. <div style="padding:14px 16px; background:#E8A87C0A; border:1px solid #E8A87C33; border-radius:6px; height:100%;">
  6361. <div class="text-mono text-xs" style="color:#E8A87C; letter-spacing:0.1em; font-weight:700; margin-bottom:8px;">★ 猴菇饮介入节点</div>
  6362. <div style="color:var(--text-1); font-size:0.88rem; line-height:1.68;"><strong style="color:#E8A87C;">Day 1</strong> 就介入 · 与 PPI 同步服用 · 做"温和维持"的日常选项</div>
  6363. </div>
  6364. </div>
  6365. </div>
  6366. </div>
  6367. <div style="padding:22px 26px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #FF8C42; border-radius:var(--radius-md);">
  6368. <div style="display:flex; justify-content:space-between; align-items:start; gap:18px; margin-bottom:14px;">
  6369. <div style="flex:1;">
  6370. <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.2em; font-weight:700; margin-bottom:6px;">P2 · 路径</div>
  6371. <h3 style="color:var(--text-1); font-size:1.2rem; font-weight:800; margin:0 0 8px;">西→中→食折返</h3>
  6372. <div style="color:var(--text-3); font-size:0.78rem;">历时 2-5 年 · 卡点 = 每种都试了一点 · 都没坚持 · 无主线</div>
  6373. </div>
  6374. </div>
  6375. <div style="display:grid; grid-template-columns:1.3fr 1fr; gap:18px;">
  6376. <div>
  6377. <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.12em; font-weight:700; margin-bottom:10px;">尝试路径 · TIMELINE</div>
  6378. <div style="display:flex; flex-wrap:wrap; gap:6px; align-items:center; margin-bottom:14px;">
  6379. <span style="padding:6px 12px; background:#FF8C4218; color:#FF8C42; border-radius:14px; font-size:0.8rem; font-weight:700;">胃不适</span><span style="color:#FF8C42; font-weight:700;">→</span><span style="padding:6px 12px; background:#FF8C4210; color:#FF8C42; border-radius:14px; font-size:0.8rem; font-weight:600;">PPI 不满意</span><span style="color:#FF8C42; font-weight:700;">→</span><span style="padding:6px 12px; background:#FF8C4210; color:#FF8C42; border-radius:14px; font-size:0.8rem; font-weight:600;">换中成药</span><span style="color:#FF8C42; font-weight:700;">→</span><span style="padding:6px 12px; background:#FF8C4210; color:#FF8C42; border-radius:14px; font-size:0.8rem; font-weight:600;">嫌苦嫌慢</span><span style="color:#FF8C42; font-weight:700;">→</span><span style="padding:6px 12px; background:#FF8C4210; color:#FF8C42; border-radius:14px; font-size:0.8rem; font-weight:600;">试食疗</span><span style="color:#FF8C42; font-weight:700;">→</span><span style="padding:6px 12px; background:#FF8C4210; color:#FF8C42; border-radius:14px; font-size:0.8rem; font-weight:600;">再折返 PPI</span>
  6380. </div>
  6381. <div style="padding:10px 14px; background:#FF8C4206; border-left:2px solid #FF8C42; border-radius:4px;">
  6382. <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.08em; font-weight:700; margin-bottom:4px;">真 VOC 证据 · ♥241</div>
  6383. <div style="color:var(--text-1); font-size:0.82rem; line-height:1.6; font-style:italic;">"胃溃疡十二指肠溃疡3年了,针灸、输液、西药、中药都不管用,只有康复新液管用[害羞R]"</div>
  6384. </div>
  6385. </div>
  6386. <div>
  6387. <div style="padding:14px 16px; background:#E8A87C0A; border:1px solid #E8A87C33; border-radius:6px; height:100%;">
  6388. <div class="text-mono text-xs" style="color:#E8A87C; letter-spacing:0.1em; font-weight:700; margin-bottom:8px;">★ 猴菇饮介入节点</div>
  6389. <div style="color:var(--text-1); font-size:0.88rem; line-height:1.68;"><strong style="color:#E8A87C;">食疗阶段</strong> 介入 · 取代"中药食疗"的执行成本 · 日常可持续</div>
  6390. </div>
  6391. </div>
  6392. </div>
  6393. </div>
  6394. <div style="padding:22px 26px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #2D9C5D; border-radius:var(--radius-md);">
  6395. <div style="display:flex; justify-content:space-between; align-items:start; gap:18px; margin-bottom:14px;">
  6396. <div style="flex:1;">
  6397. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.2em; font-weight:700; margin-bottom:6px;">P3 · 路径</div>
  6398. <h3 style="color:var(--text-1); font-size:1.2rem; font-weight:800; margin:0 0 8px;">自救派</h3>
  6399. <div style="color:var(--text-3); font-size:0.78rem;">历时 全时长 · 卡点 = 自研方案不系统 · 效果难衡量</div>
  6400. </div>
  6401. </div>
  6402. <div style="display:grid; grid-template-columns:1.3fr 1fr; gap:18px;">
  6403. <div>
  6404. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.12em; font-weight:700; margin-bottom:10px;">尝试路径 · TIMELINE</div>
  6405. <div style="display:flex; flex-wrap:wrap; gap:6px; align-items:center; margin-bottom:14px;">
  6406. <span style="padding:6px 12px; background:#2D9C5D18; color:#2D9C5D; border-radius:14px; font-size:0.8rem; font-weight:700;">胃不适</span><span style="color:#2D9C5D; font-weight:700;">→</span><span style="padding:6px 12px; background:#2D9C5D10; color:#2D9C5D; border-radius:14px; font-size:0.8rem; font-weight:600;">自研食疗方</span><span style="color:#2D9C5D; font-weight:700;">→</span><span style="padding:6px 12px; background:#2D9C5D10; color:#2D9C5D; border-radius:14px; font-size:0.8rem; font-weight:600;">坚持养生</span><span style="color:#2D9C5D; font-weight:700;">→</span><span style="padding:6px 12px; background:#2D9C5D10; color:#2D9C5D; border-radius:14px; font-size:0.8rem; font-weight:600;">情绪调节</span><span style="color:#2D9C5D; font-weight:700;">→</span><span style="padding:6px 12px; background:#2D9C5D10; color:#2D9C5D; border-radius:14px; font-size:0.8rem; font-weight:600;">偶尔吃药应急</span>
  6407. </div>
  6408. <div style="padding:10px 14px; background:#2D9C5D06; border-left:2px solid #2D9C5D; border-radius:4px;">
  6409. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.08em; font-weight:700; margin-bottom:4px;">真 VOC 证据 · ♥65</div>
  6410. <div style="color:var(--text-1); font-size:0.82rem; line-height:1.6; font-style:italic;">"买个猪肚子里面装一斤姜炖熟,每天早上空腹吃一小把,坚持吃一星期,然后空一个星期,连吃三次,不管几年的胃病都能好"</div>
  6411. </div>
  6412. </div>
  6413. <div>
  6414. <div style="padding:14px 16px; background:#E8A87C0A; border:1px solid #E8A87C33; border-radius:6px; height:100%;">
  6415. <div class="text-mono text-xs" style="color:#E8A87C; letter-spacing:0.1em; font-weight:700; margin-bottom:8px;">★ 猴菇饮介入节点</div>
  6416. <div style="color:var(--text-1); font-size:0.88rem; line-height:1.68;"><strong style="color:#E8A87C;">系统化食疗</strong> 定位 · 猴菇饮 = "有效食疗的产品化形态"</div>
  6417. </div>
  6418. </div>
  6419. </div>
  6420. </div>
  6421. <div style="padding:22px 26px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #FF6B6B; border-radius:var(--radius-md);">
  6422. <div style="display:flex; justify-content:space-between; align-items:start; gap:18px; margin-bottom:14px;">
  6423. <div style="flex:1;">
  6424. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.2em; font-weight:700; margin-bottom:6px;">P4 · 路径</div>
  6425. <h3 style="color:var(--text-1); font-size:1.2rem; font-weight:800; margin:0 0 8px;">崩溃躺平</h3>
  6426. <div style="color:var(--text-3); font-size:0.78rem;">历时 5-15 年 · 卡点 = 彻底放弃治疗 · &quot;这辈子就这样了&quot;</div>
  6427. </div>
  6428. </div>
  6429. <div style="display:grid; grid-template-columns:1.3fr 1fr; gap:18px;">
  6430. <div>
  6431. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.12em; font-weight:700; margin-bottom:10px;">尝试路径 · TIMELINE</div>
  6432. <div style="display:flex; flex-wrap:wrap; gap:6px; align-items:center; margin-bottom:14px;">
  6433. <span style="padding:6px 12px; background:#FF6B6B18; color:#FF6B6B; border-radius:14px; font-size:0.8rem; font-weight:700;">胃不适</span><span style="color:#FF6B6B; font-weight:700;">→</span><span style="padding:6px 12px; background:#FF6B6B10; color:#FF6B6B; border-radius:14px; font-size:0.8rem; font-weight:600;">吃药没用</span><span style="color:#FF6B6B; font-weight:700;">→</span><span style="padding:6px 12px; background:#FF6B6B10; color:#FF6B6B; border-radius:14px; font-size:0.8rem; font-weight:600;">尝试很多</span><span style="color:#FF6B6B; font-weight:700;">→</span><span style="padding:6px 12px; background:#FF6B6B10; color:#FF6B6B; border-radius:14px; font-size:0.8rem; font-weight:600;">都放弃</span><span style="color:#FF6B6B; font-weight:700;">→</span><span style="padding:6px 12px; background:#FF6B6B10; color:#FF6B6B; border-radius:14px; font-size:0.8rem; font-weight:600;">带病生活</span>
  6434. </div>
  6435. <div style="padding:10px 14px; background:#FF6B6B06; border-left:2px solid #FF6B6B; border-radius:4px;">
  6436. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.08em; font-weight:700; margin-bottom:4px;">真 VOC 证据 · ♥28</div>
  6437. <div style="color:var(--text-1); font-size:0.82rem; line-height:1.6; font-style:italic;">"同样,每天24小时隐痛,胃镜慢性浅表性胃炎,10多年了,吃了很多药,精神药物也吃了,还是没用"</div>
  6438. </div>
  6439. </div>
  6440. <div>
  6441. <div style="padding:14px 16px; background:#E8A87C0A; border:1px solid #E8A87C33; border-radius:6px; height:100%;">
  6442. <div class="text-mono text-xs" style="color:#E8A87C; letter-spacing:0.1em; font-weight:700; margin-bottom:8px;">★ 猴菇饮介入节点</div>
  6443. <div style="color:var(--text-1); font-size:0.88rem; line-height:1.68;"><strong style="color:#E8A87C;">情感陪伴</strong> 介入 · 不承诺治愈 · 承诺"每天一瓶的小仪式"</div>
  6444. </div>
  6445. </div>
  6446. </div>
  6447. </div>
  6448. </div>
  6449. <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;">
  6450. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">INTERVENTION MAP · 差异化介入节点</div>
  6451. <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;">4 条尝试路径 = <strong style="color:#2D9C5D;">4 个差异化介入节点</strong>。猴菇饮不是"对所有人一样介入",是针对每类用户的<strong>具体折返点</strong>提供精准解答。</div>
  6452. <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">这比"定位 PPI 焦虑人群"更细致:<strong style="color:#E8A87C;">PPI 独行者 · 西中食折返者 · 自救派 · 崩溃躺平者</strong> 是完全不同的 4 种人,需要不同的切入话术、不同的 KOL、不同的 SKU 搭配。精细化运营的起点。</div>
  6453. </div>
  6454. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:var(--radius-md);">
  6455. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">精细化介入 · 6 条运营动作</div>
  6456. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  6457. <div style="display:flex; gap:10px; align-items:flex-start;">
  6458. <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>
  6459. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>PPI 独行者</strong>:对标 PPI 90 天组合 · Day 1 介入话术 · 胃科医生合作</div>
  6460. </div>
  6461. <div style="display:flex; gap:10px; align-items:flex-start;">
  6462. <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>
  6463. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>西中食折返者</strong>:主打"食疗最终形态" · 替代中药苦口执行难 · 养生社群</div>
  6464. </div>
  6465. <div style="display:flex; gap:10px; align-items:flex-start;">
  6466. <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>
  6467. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>自救派</strong>:主打"系统化食疗" · 对标网红偏方 · 知识分子/养生博主合作</div>
  6468. </div>
  6469. <div style="display:flex; gap:10px; align-items:flex-start;">
  6470. <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>
  6471. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>崩溃躺平者</strong>:主打情感陪伴 · 不承诺治愈 · 情绪向 KOL + 孝心送礼</div>
  6472. </div>
  6473. <div style="display:flex; gap:10px; align-items:flex-start;">
  6474. <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>
  6475. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>运营颗粒度</strong>:4 类用户建立独立用户池 · 内容、私域话术、复购策略全线区隔</div>
  6476. </div>
  6477. <div style="display:flex; gap:10px; align-items:flex-start;">
  6478. <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>
  6479. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>测试 KPI</strong>:上市 12 月内看 4 类用户的净推荐值 (NPS) 差异</div>
  6480. </div>
  6481. </div>
  6482. </div>
  6483. </div>
  6484. </section>
  6485. </main>
  6486. <script>
  6487. (function(){
  6488. 'use strict';
  6489. var slides = [];
  6490. var currentSlide = 0;
  6491. var firstScrolled = false;
  6492. // —— 1) 分片标题动画:把每个 .headline-anim 文本切成 .char 逐字入场 ——
  6493. function splitHeadlines(){
  6494. var els = document.querySelectorAll('.headline-anim');
  6495. els.forEach(function(el){
  6496. if (el.dataset.split === '1') return;
  6497. el.dataset.split = '1';
  6498. var text = el.textContent;
  6499. el.textContent = '';
  6500. var chars = Array.from(text);
  6501. chars.forEach(function(ch, i){
  6502. var span = document.createElement('span');
  6503. span.className = 'char';
  6504. span.textContent = ch === ' ' ? '\u00A0' : ch;
  6505. span.style.transitionDelay = (i * 28) + 'ms';
  6506. el.appendChild(span);
  6507. });
  6508. });
  6509. }
  6510. // —— 2) Fade / Rise / Headline 统一的 IntersectionObserver ——
  6511. function initReveal(){
  6512. var selectors = ['.fade-up', '.rise-in', '.headline-anim'];
  6513. var els = document.querySelectorAll(selectors.join(','));
  6514. if (!('IntersectionObserver' in window)){
  6515. els.forEach(function(el){ el.classList.add('is-visible'); });
  6516. return;
  6517. }
  6518. var io = new IntersectionObserver(function(entries){
  6519. entries.forEach(function(e){
  6520. if (e.isIntersecting){
  6521. e.target.classList.add('is-visible');
  6522. io.unobserve(e.target);
  6523. }
  6524. });
  6525. }, { threshold: 0.08, rootMargin: '0px 0px -5% 0px' });
  6526. els.forEach(function(el){ io.observe(el); });
  6527. // 首屏兜底
  6528. setTimeout(function(){
  6529. els.forEach(function(el){
  6530. var r = el.getBoundingClientRect();
  6531. if (r.top < window.innerHeight && r.bottom > 0) el.classList.add('is-visible');
  6532. });
  6533. }, 100);
  6534. // 终极兜底
  6535. setTimeout(function(){
  6536. document.querySelectorAll('.fade-up:not(.is-visible),.rise-in:not(.is-visible),.headline-anim:not(.is-visible)').forEach(function(el){
  6537. el.classList.add('is-visible');
  6538. });
  6539. }, 4500);
  6540. }
  6541. // —— 3) 数字计数动画 ——
  6542. function initCountUp(){
  6543. var els = document.querySelectorAll('.metric-value[data-count]');
  6544. if (!('IntersectionObserver' in window)){
  6545. els.forEach(function(el){ el.textContent = el.dataset.count; });
  6546. return;
  6547. }
  6548. var io = new IntersectionObserver(function(entries){
  6549. entries.forEach(function(e){
  6550. if (!e.isIntersecting) return;
  6551. var el = e.target;
  6552. var target = parseFloat(el.dataset.count);
  6553. if (isNaN(target)) return;
  6554. var isFloat = !Number.isInteger(target);
  6555. var start = 0, duration = 1400, t0 = performance.now();
  6556. function tick(now){
  6557. var p = Math.min(1, (now - t0) / duration);
  6558. var eased = 1 - Math.pow(1 - p, 3);
  6559. var v = start + (target - start) * eased;
  6560. el.textContent = isFloat ? v.toFixed(1) : Math.floor(v).toLocaleString('en-US');
  6561. if (p < 1) requestAnimationFrame(tick);
  6562. else el.textContent = isFloat ? target.toFixed(1) : target.toLocaleString('en-US');
  6563. }
  6564. requestAnimationFrame(tick);
  6565. io.unobserve(el);
  6566. });
  6567. }, { threshold: 0.4 });
  6568. els.forEach(function(el){ io.observe(el); });
  6569. }
  6570. // —— 4) Slide 进度 · nav 高亮 · ambient 光晕跟随 · slide counter ——
  6571. function initDeck(){
  6572. slides = Array.prototype.slice.call(document.querySelectorAll('section.report-section'));
  6573. var progressLine = document.getElementById('progress-line');
  6574. var navDots = document.querySelectorAll('.nav-dot');
  6575. var counter = document.querySelector('.slide-counter');
  6576. var counterNow = counter && counter.querySelector('.now');
  6577. var counterTotal = counter && counter.querySelector('.total');
  6578. var counterBar = counter && counter.querySelector('.bar');
  6579. if (counterTotal) counterTotal.textContent = String(slides.length).padStart(2, '0');
  6580. // 预设每张 slide 的 ambient 偏移(用 CSS 变量驱动)
  6581. var ambientPresets = [
  6582. { x: '15%', y: '25%' },
  6583. { x: '75%', y: '30%' },
  6584. { x: '25%', y: '70%' },
  6585. { x: '80%', y: '65%' },
  6586. { x: '45%', y: '20%' },
  6587. { x: '55%', y: '75%' },
  6588. { x: '20%', y: '50%' },
  6589. { x: '85%', y: '50%' },
  6590. { x: '50%', y: '40%' },
  6591. { x: '30%', y: '30%' },
  6592. { x: '70%', y: '70%' },
  6593. { x: '40%', y: '60%' }
  6594. ];
  6595. function setActive(idx){
  6596. if (idx < 0) idx = 0;
  6597. if (idx >= slides.length) idx = slides.length - 1;
  6598. currentSlide = idx;
  6599. slides.forEach(function(s, i){
  6600. if (i === idx) s.classList.add('in-view');
  6601. else s.classList.remove('in-view');
  6602. });
  6603. for (var j = 0; j < navDots.length; j++){
  6604. if (j === idx) navDots[j].classList.add('active');
  6605. else navDots[j].classList.remove('active');
  6606. }
  6607. if (counterNow) counterNow.textContent = String(idx + 1).padStart(2, '0');
  6608. if (counterBar) {
  6609. var pct = slides.length > 1 ? ((idx + 1) / slides.length) * 100 : 100;
  6610. counterBar.style.setProperty('--pct', pct.toFixed(1) + '%');
  6611. }
  6612. // 根据当前 slide 切换 ambient 位置
  6613. var p = ambientPresets[idx % ambientPresets.length];
  6614. document.body.style.setProperty('--amb-x', p.x);
  6615. document.body.style.setProperty('--amb-y', p.y);
  6616. }
  6617. function onScroll(){
  6618. if (!firstScrolled && window.scrollY > 20){
  6619. firstScrolled = true;
  6620. setTimeout(function(){
  6621. var hint = document.querySelector('.kbd-hint');
  6622. if (hint) hint.classList.add('fade');
  6623. }, 4000);
  6624. }
  6625. var h = document.documentElement.scrollHeight - window.innerHeight;
  6626. var p = h > 0 ? (window.scrollY / h) * 100 : 0;
  6627. if (progressLine) progressLine.style.width = p + '%';
  6628. // 找出离视口中心最近的 slide
  6629. var mid = window.innerHeight * 0.45;
  6630. var bestIdx = 0, bestDist = Infinity;
  6631. for (var i = 0; i < slides.length; i++){
  6632. var r = slides[i].getBoundingClientRect();
  6633. var center = (r.top + r.bottom) / 2;
  6634. var d = Math.abs(center - mid);
  6635. if (d < bestDist){ bestDist = d; bestIdx = i; }
  6636. }
  6637. if (bestIdx !== currentSlide) setActive(bestIdx);
  6638. }
  6639. window.addEventListener('scroll', onScroll, { passive: true });
  6640. onScroll();
  6641. navDots.forEach(function(d, i){
  6642. d.addEventListener('click', function(e){
  6643. e.preventDefault();
  6644. var tid = d.dataset.target;
  6645. var t = tid ? document.getElementById(tid) : slides[i];
  6646. if (t) t.scrollIntoView({ behavior: 'smooth', block: 'start' });
  6647. });
  6648. });
  6649. // —— 键盘导航 ——
  6650. function goto(idx){
  6651. idx = Math.max(0, Math.min(slides.length - 1, idx));
  6652. slides[idx].scrollIntoView({ behavior: 'smooth', block: 'start' });
  6653. }
  6654. window.addEventListener('keydown', function(e){
  6655. // 不在输入框里
  6656. var tag = (e.target && e.target.tagName || '').toLowerCase();
  6657. if (tag === 'input' || tag === 'textarea' || e.target.isContentEditable) return;
  6658. if (e.key === 'ArrowDown' || e.key === 'PageDown' || e.key === 'j'){ e.preventDefault(); goto(currentSlide + 1); }
  6659. else if (e.key === 'ArrowUp' || e.key === 'PageUp' || e.key === 'k'){ e.preventDefault(); goto(currentSlide - 1); }
  6660. else if (e.key === 'Home'){ e.preventDefault(); goto(0); }
  6661. else if (e.key === 'End'){ e.preventDefault(); goto(slides.length - 1); }
  6662. else if (e.key === ' '){ e.preventDefault(); goto(currentSlide + (e.shiftKey ? -1 : 1)); }
  6663. });
  6664. }
  6665. // —— 5) ECharts 懒加载(slide 进入视口才渲染,避免首屏卡顿)——
  6666. var COMMON = {
  6667. backgroundColor: 'transparent',
  6668. textStyle: { fontFamily: 'Inter, Noto Sans SC, system-ui', color: '#A8A8A8' },
  6669. grid: { left: '3%', right: '4%', bottom: '3%', top: '12%', containLabel: true }
  6670. };
  6671. var AMBER='#F5A623', GREEN='#00DC82', PURPLE='#8B5CF6', ROSE='#FF4D8D', BLUE='#3B82F6';
  6672. var PALETTE = [AMBER, GREEN, PURPLE, ROSE, BLUE, '#EF4444', '#06B6D4', '#F59E0B'];
  6673. var CHART_REGISTRY = [];
  6674. function initChart(id, cb){
  6675. var el = document.getElementById(id);
  6676. if (!el) return;
  6677. CHART_REGISTRY.push({ id: id, el: el, cb: cb, rendered: false });
  6678. }
  6679. function renderChart(item){
  6680. if (item.rendered || !window.echarts) return;
  6681. var chart = window.echarts.init(item.el, null, { renderer: 'canvas' });
  6682. try { item.cb(chart); item.rendered = true; } catch(e){ console.error(item.id, e); }
  6683. window.addEventListener('resize', function(){ chart.resize(); });
  6684. }
  6685. function bootCharts(){
  6686. if (!window.echarts) { setTimeout(bootCharts, 300); return; }
  6687. if (!('IntersectionObserver' in window)){
  6688. CHART_REGISTRY.forEach(renderChart);
  6689. return;
  6690. }
  6691. var io = new IntersectionObserver(function(entries){
  6692. entries.forEach(function(e){
  6693. if (!e.isIntersecting) return;
  6694. var item = CHART_REGISTRY.find(function(x){ return x.el === e.target; });
  6695. if (item) renderChart(item);
  6696. io.unobserve(e.target);
  6697. });
  6698. }, { threshold: 0.1, rootMargin: '200px 0px' });
  6699. CHART_REGISTRY.forEach(function(item){ io.observe(item.el); });
  6700. }
  6701. function initCharts(){
  6702. var D = window.__CHART_DATA__ || {};
  6703. // 样本分布
  6704. initChart('chartSample', function(chart){
  6705. var data = (D.noteHeatmap || []).slice(0, 5).map(function(n, i){
  6706. return {
  6707. value: (n.liked || 0) + (n.comments || 0) + (n.collected || 0),
  6708. name: (n.title || '').slice(0, 14) || '笔记' + (i + 1),
  6709. itemStyle: { color: PALETTE[i % PALETTE.length] }
  6710. };
  6711. });
  6712. chart.setOption(Object.assign({}, COMMON, {
  6713. tooltip: { trigger: 'item', backgroundColor: '#1A1A1A', borderColor: '#252525', textStyle: { color: '#F5F5F5' } },
  6714. legend: { bottom: 0, textStyle: { color: '#A8A8A8', fontSize: 11 } },
  6715. animationDuration: 1000, animationEasing: 'cubicOut',
  6716. series: [{
  6717. type: 'pie', radius: ['52%', '76%'], center: ['50%', '45%'],
  6718. label: { color: '#F5F5F5', fontSize: 11, formatter: '{b}\n{c}' },
  6719. itemStyle: { borderColor: '#0A0A0A', borderWidth: 2 },
  6720. data: data
  6721. }]
  6722. }));
  6723. });
  6724. // IP 地域
  6725. initChart('chartGeo', function(chart){
  6726. var ips = (D.topIPs || []).slice(0, 10).reverse();
  6727. chart.setOption(Object.assign({}, COMMON, {
  6728. tooltip: { trigger: 'axis', backgroundColor: '#1A1A1A', borderColor: '#252525', textStyle: { color: '#F5F5F5' } },
  6729. animationDuration: 1200, animationEasing: 'cubicOut',
  6730. xAxis: { type: 'value', axisLine: { lineStyle: { color: '#252525' } }, splitLine: { lineStyle: { color: '#1A1A1A' } }, axisLabel: { color: '#6B6B6B' } },
  6731. yAxis: { type: 'category', data: ips.map(function(x){return x[0];}), axisLine: { lineStyle: { color: '#252525' } }, axisLabel: { color: '#A8A8A8', fontSize: 12 } },
  6732. series: [{
  6733. type: 'bar', data: ips.map(function(x){return x[1];}),
  6734. itemStyle: { color: AMBER, borderRadius: [0, 3, 3, 0] }, barWidth: '60%',
  6735. label: { show: true, position: 'right', color: '#F5A623', fontFamily: 'JetBrains Mono', fontSize: 11 }
  6736. }]
  6737. }));
  6738. });
  6739. // 笔记热力散点
  6740. initChart('chartNoteHeatmap', function(chart){
  6741. chart.setOption(Object.assign({}, COMMON, {
  6742. tooltip: {
  6743. trigger: 'item', backgroundColor: '#1A1A1A', borderColor: '#252525', textStyle: { color: '#F5F5F5' },
  6744. formatter: function(p){
  6745. return '<div style="max-width:260px;"><strong style="color:#F5A623;">' + p.data[3] +
  6746. '</strong><br>点赞 ' + p.data[0] + ' · 评论 ' + p.data[1] + ' · 收藏 ' + p.data[2] + '</div>';
  6747. }
  6748. },
  6749. animationDuration: 1400, animationDelay: function(i){ return i * 30; },
  6750. xAxis: { type: 'value', name: '点赞数', nameTextStyle: { color: '#A8A8A8' }, axisLine: { lineStyle: { color: '#252525' } }, splitLine: { lineStyle: { color: '#1A1A1A' } }, axisLabel: { color: '#6B6B6B' } },
  6751. yAxis: { type: 'value', name: '评论数', nameTextStyle: { color: '#A8A8A8' }, axisLine: { lineStyle: { color: '#252525' } }, splitLine: { lineStyle: { color: '#1A1A1A' } }, axisLabel: { color: '#6B6B6B' } },
  6752. series: [{
  6753. type: 'scatter',
  6754. data: (D.noteHeatmap || []).map(function(n){ return [n.liked, n.comments, n.collected, n.title]; }),
  6755. symbolSize: function(v){ return Math.max(10, Math.min(56, Math.sqrt(v[2] || 1) * 3.5)); },
  6756. itemStyle: {
  6757. color: new echarts.graphic.RadialGradient(0.4, 0.4, 0.6, [
  6758. { offset: 0, color: 'rgba(245,166,35,0.9)' },
  6759. { offset: 1, color: 'rgba(245,166,35,0.15)' }
  6760. ]),
  6761. borderColor: '#F5A623', borderWidth: 1
  6762. },
  6763. emphasis: { itemStyle: { borderWidth: 2, shadowBlur: 16, shadowColor: 'rgba(245,166,35,0.5)' } }
  6764. }]
  6765. }));
  6766. });
  6767. // 价格带
  6768. initChart('chartPrice', function(chart){
  6769. var keys = Object.keys(D.priceBuckets || {});
  6770. var vals = keys.map(function(k){ return D.priceBuckets[k]; });
  6771. chart.setOption(Object.assign({}, COMMON, {
  6772. tooltip: { trigger: 'axis', backgroundColor: '#1A1A1A', borderColor: '#252525', textStyle: { color: '#F5F5F5' } },
  6773. animationDuration: 1200,
  6774. xAxis: { type: 'category', data: keys, axisLine: { lineStyle: { color: '#252525' } }, axisLabel: { color: '#A8A8A8', fontFamily: 'JetBrains Mono' } },
  6775. yAxis: { type: 'value', axisLine: { lineStyle: { color: '#252525' } }, splitLine: { lineStyle: { color: '#1A1A1A' } }, axisLabel: { color: '#6B6B6B' } },
  6776. series: [{
  6777. type: 'bar', data: vals,
  6778. itemStyle: {
  6779. color: { type: 'linear', x: 0, y: 0, x2: 0, y2: 1,
  6780. colorStops: [{ offset: 0, color: '#F5A623' }, { offset: 1, color: 'rgba(245,166,35,0.3)' }] },
  6781. borderRadius: [4, 4, 0, 0]
  6782. },
  6783. barWidth: '56%',
  6784. label: { show: true, position: 'top', color: '#F5A623', fontFamily: 'JetBrains Mono', fontWeight: 600 }
  6785. }]
  6786. }));
  6787. });
  6788. // 品牌月销(横条,兼容)
  6789. initChart('chartBrands', function(chart){
  6790. var brands = (D.topBrands || []).slice().reverse();
  6791. chart.setOption(Object.assign({}, COMMON, {
  6792. tooltip: { trigger: 'axis', backgroundColor: '#1A1A1A', borderColor: '#252525', textStyle: { color: '#F5F5F5' },
  6793. formatter: function(p){ return p.map(function(x){ return x.name + ': $' + (x.value/100).toLocaleString('en-US',{maximumFractionDigits:0}); }).join('<br>'); }
  6794. },
  6795. animationDuration: 1200,
  6796. xAxis: { type: 'value', axisLine: { lineStyle: { color: '#252525' } }, splitLine: { lineStyle: { color: '#1A1A1A' } }, axisLabel: { color: '#6B6B6B', formatter: function(v){ return '$' + (v/100000).toFixed(0) + 'k'; } } },
  6797. yAxis: { type: 'category', data: brands.map(function(x){return x[0];}), axisLine: { lineStyle: { color: '#252525' } }, axisLabel: { color: '#A8A8A8', fontSize: 12 } },
  6798. series: [{
  6799. type: 'bar', data: brands.map(function(x){return x[1];}),
  6800. itemStyle: {
  6801. color: function(params){ return PALETTE[params.dataIndex % PALETTE.length]; },
  6802. borderRadius: [0, 3, 3, 0]
  6803. },
  6804. barWidth: '58%',
  6805. label: { show: true, position: 'right', color: '#A8A8A8', fontFamily: 'JetBrains Mono', fontSize: 10, formatter: function(p){ return '$' + (p.value/100000).toFixed(0) + 'k'; } }
  6806. }]
  6807. }));
  6808. });
  6809. // 评分分布
  6810. initChart('chartRatingDist', function(chart){
  6811. var data = D.ratingBuckets || {};
  6812. var keys = Object.keys(data);
  6813. var vals = keys.map(function(k){ return data[k]; });
  6814. var colors = ['#EF4444','#F59E0B','#F5A623','#06B6D4','#00DC82'];
  6815. chart.setOption(Object.assign({}, COMMON, {
  6816. tooltip: { trigger: 'axis', backgroundColor: '#1A1A1A', borderColor: '#252525', textStyle: { color: '#F5F5F5' },
  6817. formatter: function(p){ return p.map(function(x){ return x.name + ': ' + x.value + ' SKU'; }).join('<br>'); }
  6818. },
  6819. animationDuration: 1200,
  6820. xAxis: { type: 'category', data: keys, axisLine: { lineStyle: { color: '#252525' } }, axisLabel: { color: '#A8A8A8', fontFamily: 'JetBrains Mono', fontSize: 11 } },
  6821. yAxis: { type: 'value', axisLine: { lineStyle: { color: '#252525' } }, splitLine: { lineStyle: { color: '#1A1A1A' } }, axisLabel: { color: '#6B6B6B' } },
  6822. series: [{
  6823. type: 'bar', data: vals.map(function(v, i){ return { value: v, itemStyle: { color: colors[i] || GREEN, borderRadius: [4, 4, 0, 0] } }; }),
  6824. barWidth: '54%',
  6825. label: { show: true, position: 'top', color: '#F5F5F5', fontFamily: 'JetBrains Mono', fontWeight: 600 }
  6826. }]
  6827. }));
  6828. });
  6829. // 品牌份额(donut)
  6830. initChart('chartBrandShare', function(chart){
  6831. var data = (D.topBrandShares || []).map(function(b, i){
  6832. return { value: b.value, name: b.name, itemStyle: { color: PALETTE[i % PALETTE.length] }, _sales: b.sales, _count: b.count };
  6833. });
  6834. chart.setOption(Object.assign({}, COMMON, {
  6835. tooltip: { trigger: 'item', backgroundColor: '#1A1A1A', borderColor: '#252525', textStyle: { color: '#F5F5F5' },
  6836. 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}); }
  6837. },
  6838. legend: { bottom: 0, textStyle: { color: '#A8A8A8', fontSize: 10 }, itemWidth: 8, itemHeight: 8 },
  6839. animationDuration: 1400, animationEasing: 'cubicOut',
  6840. series: [{
  6841. type: 'pie', radius: ['48%', '72%'], center: ['50%', '45%'],
  6842. label: { color: '#F5F5F5', fontSize: 10, formatter: function(p){ return p.value > 3 ? p.name + '\n' + p.value.toFixed(1) + '%' : ''; } },
  6843. labelLine: { show: true, length: 8, length2: 8 },
  6844. itemStyle: { borderColor: '#0A0A0A', borderWidth: 2 },
  6845. data: data
  6846. }]
  6847. }));
  6848. });
  6849. // 评论数分布(横条)
  6850. initChart('chartReviewCount', function(chart){
  6851. var data = D.reviewCountBuckets || {};
  6852. var keys = Object.keys(data);
  6853. var vals = keys.map(function(k){ return data[k]; });
  6854. chart.setOption(Object.assign({}, COMMON, {
  6855. tooltip: { trigger: 'axis', backgroundColor: '#1A1A1A', borderColor: '#252525', textStyle: { color: '#F5F5F5' } },
  6856. animationDuration: 1200,
  6857. xAxis: { type: 'value', axisLine: { lineStyle: { color: '#252525' } }, splitLine: { lineStyle: { color: '#1A1A1A' } }, axisLabel: { color: '#6B6B6B' } },
  6858. yAxis: { type: 'category', data: keys, axisLine: { lineStyle: { color: '#252525' } }, axisLabel: { color: '#A8A8A8', fontFamily: 'JetBrains Mono', fontSize: 11 } },
  6859. series: [{
  6860. type: 'bar', data: vals,
  6861. itemStyle: {
  6862. color: { type: 'linear', x: 0, y: 0, x2: 1, y2: 0,
  6863. colorStops: [{ offset: 0, color: 'rgba(139,92,246,0.2)' }, { offset: 1, color: '#8B5CF6' }] },
  6864. borderRadius: [0, 3, 3, 0]
  6865. },
  6866. barWidth: '56%',
  6867. label: { show: true, position: 'right', color: '#A8A8A8', fontFamily: 'JetBrains Mono', fontSize: 11 }
  6868. }]
  6869. }));
  6870. });
  6871. // 星级分布
  6872. initChart('chartStarDist', function(chart){
  6873. var products = D.starDistProducts || [];
  6874. if (!products.length) return;
  6875. var categories = products.map(function(p){ return p.brand + ' · ' + p.asin; });
  6876. var colors = ['#00DC82','#06B6D4','#F5A623','#F59E0B','#EF4444'];
  6877. var labels = ['5★','4★','3★','2★','1★'];
  6878. var series = [0,1,2,3,4].map(function(i){
  6879. return {
  6880. name: labels[i], type: 'bar', stack: 'stars',
  6881. data: products.map(function(p){ return p.stars[i]; }),
  6882. itemStyle: { color: colors[i] }
  6883. };
  6884. });
  6885. chart.setOption(Object.assign({}, COMMON, {
  6886. tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' }, backgroundColor: '#1A1A1A', borderColor: '#252525', textStyle: { color: '#F5F5F5' } },
  6887. legend: { bottom: 0, textStyle: { color: '#A8A8A8', fontSize: 10 }, itemWidth: 10, itemHeight: 10 },
  6888. animationDuration: 1400,
  6889. grid: { left: '3%', right: '4%', bottom: '16%', top: '6%', containLabel: true },
  6890. xAxis: { type: 'value', axisLine: { lineStyle: { color: '#252525' } }, splitLine: { lineStyle: { color: '#1A1A1A' } }, axisLabel: { color: '#6B6B6B' } },
  6891. yAxis: { type: 'category', data: categories, axisLine: { lineStyle: { color: '#252525' } }, axisLabel: { color: '#A8A8A8', fontSize: 11 } },
  6892. series: series
  6893. }));
  6894. });
  6895. // 抖音账号作品热度散点
  6896. initChart('chartDyPosts', function(chart){
  6897. var posts = (D.douyinPosts || []);
  6898. if (!posts.length) return;
  6899. chart.setOption(Object.assign({}, COMMON, {
  6900. tooltip: { trigger: 'item', backgroundColor: '#1A1A1A', borderColor: '#252525', textStyle: { color: '#F5F5F5' },
  6901. formatter: function(p){
  6902. return '<div style="max-width:280px;"><strong style="color:#F5A623;">' + (p.data[3]||'').slice(0,60) +
  6903. '</strong><br>点赞 ' + p.data[0].toLocaleString() + ' · 评论 ' + p.data[1] + ' · 转发 ' + p.data[2] + '</div>';
  6904. }
  6905. },
  6906. animationDuration: 1200,
  6907. 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; } } },
  6908. yAxis: { type: 'value', name: '评论', nameTextStyle: { color: '#A8A8A8' }, axisLine: { lineStyle: { color: '#252525' } }, splitLine: { lineStyle: { color: '#1A1A1A' } }, axisLabel: { color: '#6B6B6B' } },
  6909. series: [{
  6910. type: 'scatter',
  6911. data: posts.map(function(p){ return [p.digg||0, p.comment||0, p.share||0, p.desc||'']; }),
  6912. symbolSize: function(v){ return Math.max(12, Math.min(60, Math.sqrt((v[2]||0) + 1) * 4)); },
  6913. itemStyle: {
  6914. color: new echarts.graphic.RadialGradient(0.4, 0.4, 0.6, [
  6915. { offset: 0, color: 'rgba(255,77,141,0.9)' },
  6916. { offset: 1, color: 'rgba(255,77,141,0.2)' }
  6917. ]),
  6918. borderColor: '#FF4D8D', borderWidth: 1
  6919. },
  6920. emphasis: { itemStyle: { borderWidth: 2, shadowBlur: 16, shadowColor: 'rgba(255,77,141,0.5)' } }
  6921. }]
  6922. }));
  6923. });
  6924. }
  6925. // —— Boot ——
  6926. function boot(){
  6927. try { splitHeadlines(); } catch(e){ console.error('split', e); }
  6928. try { initReveal(); } catch(e){ console.error('reveal', e); }
  6929. try { initCountUp(); } catch(e){ console.error('countup', e); }
  6930. try { initDeck(); } catch(e){ console.error('deck', e); }
  6931. try { initCharts(); bootCharts(); } catch(e){ console.error('charts', e); }
  6932. }
  6933. if (document.readyState === 'loading'){
  6934. document.addEventListener('DOMContentLoaded', boot);
  6935. } else {
  6936. boot();
  6937. }
  6938. })();
  6939. </script>
  6940. </body>
  6941. </html>