jiangzhong-liver-voc-insight-report.html 536 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617361836193620362136223623362436253626362736283629363036313632363336343635363636373638363936403641364236433644364536463647364836493650365136523653365436553656365736583659366036613662366336643665366636673668366936703671367236733674367536763677367836793680368136823683368436853686368736883689369036913692369336943695369636973698369937003701370237033704370537063707370837093710371137123713371437153716371737183719372037213722372337243725372637273728372937303731373237333734373537363737373837393740374137423743374437453746374737483749375037513752375337543755375637573758375937603761376237633764376537663767376837693770377137723773377437753776377737783779378037813782378337843785378637873788378937903791379237933794379537963797379837993800380138023803380438053806380738083809381038113812381338143815381638173818381938203821382238233824382538263827382838293830383138323833383438353836383738383839384038413842384338443845384638473848384938503851385238533854385538563857385838593860386138623863386438653866386738683869387038713872387338743875387638773878387938803881388238833884388538863887388838893890389138923893389438953896389738983899390039013902390339043905390639073908390939103911391239133914391539163917391839193920392139223923392439253926392739283929393039313932393339343935393639373938393939403941394239433944394539463947394839493950395139523953395439553956395739583959396039613962396339643965396639673968396939703971397239733974397539763977397839793980398139823983398439853986398739883989399039913992399339943995399639973998399940004001400240034004400540064007400840094010401140124013401440154016401740184019402040214022402340244025402640274028402940304031403240334034403540364037403840394040404140424043404440454046404740484049405040514052405340544055405640574058405940604061406240634064406540664067406840694070407140724073407440754076407740784079408040814082408340844085408640874088408940904091409240934094409540964097409840994100410141024103410441054106410741084109411041114112411341144115411641174118411941204121412241234124412541264127412841294130413141324133413441354136413741384139414041414142414341444145414641474148414941504151415241534154415541564157415841594160416141624163416441654166416741684169417041714172417341744175417641774178417941804181418241834184418541864187418841894190419141924193419441954196419741984199420042014202420342044205420642074208420942104211421242134214421542164217421842194220422142224223422442254226422742284229423042314232423342344235423642374238423942404241424242434244424542464247424842494250425142524253425442554256425742584259426042614262426342644265426642674268426942704271427242734274427542764277427842794280428142824283428442854286428742884289429042914292429342944295429642974298429943004301430243034304430543064307430843094310431143124313431443154316431743184319432043214322432343244325432643274328432943304331433243334334433543364337433843394340434143424343434443454346434743484349435043514352435343544355435643574358435943604361436243634364436543664367436843694370437143724373437443754376437743784379438043814382438343844385438643874388438943904391439243934394439543964397439843994400440144024403440444054406440744084409441044114412441344144415441644174418441944204421442244234424442544264427442844294430443144324433443444354436443744384439444044414442444344444445444644474448444944504451445244534454445544564457445844594460446144624463446444654466446744684469447044714472447344744475447644774478447944804481448244834484448544864487448844894490449144924493449444954496449744984499450045014502450345044505450645074508450945104511451245134514451545164517451845194520452145224523452445254526452745284529453045314532453345344535453645374538453945404541454245434544454545464547454845494550455145524553455445554556455745584559456045614562456345644565456645674568456945704571457245734574457545764577457845794580458145824583458445854586458745884589459045914592459345944595459645974598459946004601460246034604460546064607460846094610461146124613461446154616461746184619462046214622462346244625462646274628462946304631463246334634463546364637463846394640464146424643464446454646464746484649465046514652465346544655465646574658465946604661466246634664466546664667466846694670467146724673467446754676467746784679468046814682468346844685468646874688468946904691469246934694469546964697469846994700470147024703470447054706470747084709471047114712471347144715471647174718471947204721472247234724472547264727472847294730473147324733473447354736473747384739474047414742474347444745474647474748474947504751475247534754475547564757475847594760476147624763476447654766476747684769477047714772477347744775477647774778477947804781478247834784478547864787478847894790479147924793479447954796479747984799480048014802480348044805480648074808480948104811481248134814481548164817481848194820482148224823482448254826482748284829483048314832483348344835483648374838483948404841484248434844484548464847484848494850485148524853485448554856485748584859486048614862486348644865486648674868486948704871487248734874487548764877487848794880488148824883488448854886488748884889489048914892489348944895489648974898489949004901490249034904490549064907490849094910491149124913491449154916491749184919492049214922492349244925492649274928492949304931493249334934493549364937493849394940494149424943494449454946494749484949495049514952495349544955495649574958495949604961496249634964496549664967496849694970497149724973497449754976497749784979498049814982498349844985498649874988498949904991499249934994499549964997499849995000500150025003500450055006500750085009501050115012501350145015501650175018501950205021502250235024502550265027502850295030503150325033503450355036503750385039504050415042504350445045504650475048504950505051505250535054505550565057505850595060506150625063506450655066506750685069507050715072507350745075507650775078507950805081508250835084508550865087508850895090509150925093509450955096509750985099510051015102510351045105510651075108510951105111511251135114511551165117511851195120512151225123512451255126512751285129513051315132513351345135513651375138513951405141514251435144514551465147514851495150515151525153515451555156515751585159516051615162516351645165516651675168516951705171517251735174517551765177517851795180518151825183518451855186518751885189519051915192519351945195519651975198519952005201520252035204520552065207520852095210521152125213521452155216521752185219522052215222522352245225522652275228522952305231523252335234523552365237523852395240524152425243524452455246524752485249525052515252525352545255525652575258525952605261526252635264526552665267526852695270527152725273527452755276527752785279528052815282528352845285528652875288528952905291529252935294529552965297529852995300530153025303530453055306530753085309531053115312531353145315531653175318531953205321532253235324532553265327532853295330533153325333533453355336533753385339534053415342534353445345534653475348534953505351535253535354535553565357535853595360536153625363536453655366536753685369537053715372537353745375537653775378537953805381538253835384538553865387538853895390539153925393539453955396539753985399540054015402540354045405540654075408540954105411541254135414541554165417541854195420542154225423542454255426542754285429543054315432543354345435543654375438543954405441544254435444544554465447544854495450545154525453545454555456545754585459546054615462546354645465546654675468546954705471547254735474547554765477547854795480548154825483548454855486548754885489549054915492549354945495549654975498549955005501550255035504550555065507550855095510551155125513551455155516551755185519552055215522552355245525552655275528552955305531553255335534553555365537553855395540554155425543554455455546554755485549555055515552555355545555555655575558555955605561556255635564556555665567556855695570557155725573557455755576557755785579558055815582558355845585558655875588558955905591559255935594559555965597559855995600560156025603560456055606560756085609561056115612561356145615561656175618561956205621562256235624562556265627562856295630563156325633563456355636563756385639564056415642564356445645564656475648564956505651565256535654565556565657565856595660566156625663566456655666566756685669567056715672567356745675567656775678567956805681568256835684568556865687568856895690569156925693569456955696569756985699570057015702570357045705570657075708570957105711571257135714571557165717571857195720572157225723572457255726572757285729573057315732573357345735573657375738573957405741574257435744574557465747574857495750575157525753575457555756575757585759576057615762576357645765576657675768576957705771577257735774577557765777577857795780578157825783578457855786578757885789579057915792579357945795579657975798579958005801580258035804580558065807580858095810581158125813581458155816581758185819582058215822582358245825582658275828582958305831583258335834583558365837583858395840584158425843584458455846584758485849585058515852585358545855585658575858585958605861586258635864586558665867586858695870587158725873587458755876587758785879588058815882588358845885588658875888588958905891589258935894589558965897589858995900590159025903590459055906590759085909591059115912591359145915591659175918591959205921592259235924592559265927592859295930593159325933593459355936593759385939594059415942594359445945594659475948594959505951595259535954595559565957595859595960596159625963596459655966596759685969597059715972597359745975597659775978597959805981598259835984598559865987598859895990599159925993599459955996599759985999600060016002600360046005600660076008600960106011601260136014601560166017601860196020602160226023602460256026602760286029603060316032603360346035603660376038603960406041604260436044604560466047604860496050605160526053605460556056605760586059606060616062606360646065606660676068606960706071607260736074607560766077607860796080608160826083608460856086608760886089609060916092609360946095609660976098609961006101610261036104610561066107610861096110611161126113611461156116611761186119612061216122612361246125612661276128612961306131613261336134613561366137613861396140614161426143614461456146614761486149615061516152615361546155615661576158615961606161616261636164616561666167616861696170617161726173617461756176617761786179618061816182618361846185618661876188618961906191619261936194619561966197619861996200620162026203620462056206620762086209621062116212621362146215621662176218621962206221622262236224622562266227622862296230623162326233623462356236623762386239624062416242624362446245624662476248624962506251625262536254625562566257625862596260626162626263626462656266626762686269627062716272627362746275627662776278627962806281628262836284628562866287628862896290629162926293629462956296629762986299630063016302630363046305630663076308630963106311631263136314631563166317631863196320632163226323632463256326632763286329633063316332633363346335633663376338633963406341634263436344634563466347634863496350635163526353635463556356635763586359636063616362636363646365636663676368636963706371637263736374637563766377637863796380638163826383638463856386638763886389639063916392639363946395639663976398639964006401640264036404640564066407640864096410641164126413641464156416641764186419642064216422642364246425642664276428642964306431643264336434643564366437643864396440644164426443644464456446644764486449645064516452645364546455645664576458645964606461646264636464646564666467646864696470647164726473647464756476647764786479648064816482648364846485648664876488648964906491649264936494649564966497649864996500650165026503650465056506650765086509651065116512651365146515651665176518651965206521
  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 深度洞察报告 · DMY × 4 渠道</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="#challenge" data-tip="1 诘问起点" data-idx="2"></a><a class="nav-dot" href="#dmy" data-tip="2 藤茶 / DMY 归因学" data-idx="3"></a><a class="nav-dot" href="#market" data-tip="3 护肝市场 VOC 全景" data-idx="4"></a><a class="nav-dot" href="#kano" data-tip="4 KANO × JTBD 洞察" data-idx="5"></a><a class="nav-dot" href="#scene" data-tip="5 场景四元素地图" data-idx="6"></a><a class="nav-dot" href="#competitor" data-tip="6 竞品三轴图谱" data-idx="7"></a><a class="nav-dot" href="#opportunity" data-tip="7 新机会 × 新场景 × 新人群" data-idx="8"></a><a class="nav-dot" href="#blueprint" data-tip="8 4P 配称蓝图" data-idx="9"></a>
  488. </nav>
  489. <div class="top-bar">
  490. <div class="brand-logo">江中<span class="dot">·</span>产品开发部 / 肝纯片 VOC 深度洞察 v1.0</div>
  491. <div class="text-mono text-xs" style="color:var(--text-3);">DMY × 藤茶 / 10 亿目标 / 4 渠道 × 8 假设</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/38" 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;">DMY × KANO × JTBD × SCENE · 四维 VOC 验证</p>
  514. <h1 class="cover-title rise-in">江中肝纯片<br/><span style="color:#D4A574; -webkit-text-fill-color:#D4A574; 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. 藤茶 DMY 真原料差异化 · 如何让用户 <strong style="color:#D4A574;">从零认知到主动买单</strong>
  517. </p>
  518. </div>
  519. <p class="cover-sub fade-up">
  520. 基于 <strong class="text-amber">0.基础调研.md + 1.VOC方向定位.md 会议确认</strong> 的"10 亿 × 4 渠道 × 5 模块"落地框架,
  521. 以 <strong style="color:#4A8A3A;">藤茶 DMY 总黄酮 98%</strong> 的原料真力为起点,
  522. 通过 <strong class="text-amber">KANO × JTBD × 场景四元素</strong> 理论模型 × <strong class="text-amber">3,965</strong> 条真实多平台<strong class="text-amber">评论颗粒度</strong> VOC 交叉验证,
  523. 对标 <strong style="color:#0085CA;">50 亿护肝保健 + 100 亿 OTC 胃肝药</strong> 的痛点地图,
  524. 在 <strong style="color:#FF4D8D;">保健品 ↔ OTC ↔ 食品三轴</strong> 找到肝纯片的<strong style="color:#2D9C5D;">无人地带</strong>,
  525. 提炼 <strong style="color:#D4A574;">3 条长尾赛道</strong>,输出 <strong style="color:#87A96B;">4P 配称蓝图</strong>,闭环 <strong style="color:#2D9C5D;">10 亿 · 4 渠道</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">10亿</div><div class="lbl">4 渠道目标</div></div>
  529. <div class="cover-stat"><div class="num">3,965</div><div class="lbl">真实 VOC</div></div>
  530. <div class="cover-stat"><div class="num">3</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">24</div><div class="lbl">关键词维度</div></div>
  533. <div class="cover-stat"><div class="num">38</div><div class="lbl">slides</div></div>
  534. </div>
  535. <div class="fade-up" style="margin-top:32px; padding:14px 20px; background:#D4A57408; border-left:3px solid #D4A574; border-radius:4px; max-width:920px; margin-left:auto; margin-right:auto; text-align:left;">
  536. <div class="text-mono text-xs" style="color:#D4A574; letter-spacing:0.14em; margin-bottom:6px; font-weight:700;">DATA FOUNDATION · 数据底座</div>
  537. <p style="color:var(--text-2); font-size:0.82rem; line-height:1.6; margin:0;">
  538. 本报告基于 <strong style="color:#D4A574;">docs/jiangzhong/raw/_merged.json</strong> 真实多平台采集:
  539. XHS <strong>80</strong> 笔记 / <strong>843</strong> 评论 +
  540. 抖音 <strong>16</strong> 视频 / <strong>547</strong> 评论 +
  541. Amazon <strong>30</strong> 产品 / <strong>2575</strong> Reviews。
  542. 每条 VOC 带 <code style="background:#2D9C5D15; padding:1px 5px; border-radius:3px; color:#2D9C5D;">source=real-collected</code> 明确标识。
  543. </p>
  544. </div>
  545. <p class="text-mono text-xs fade-up" style="margin-top:40px; color:var(--text-3);">SCROLL DOWN · 采集截止 2026-04-19T08:25:31.304Z · 3,965 条真实 VOC</p>
  546. </div>
  547. </div>
  548. </section>
  549. <section class="report-section" id="agenda" data-tone="amber" data-slide-num="02/38">
  550. <div class="section-inner">
  551. <div class="section-head rise-in">
  552. <div class="section-eyebrow">CONTENTS · 8 章认知递进</div>
  553. <h2 class="text-h1"><span class="headline-anim">从诘问到蓝图 · DMY 真原料 × VOC 实证</span></h2>
  554. <p class="section-sub">按<strong class="text-amber">认知深度递进</strong>:① 诘问 → ② DMY 归因 → ③ 市场全景 → ④ KANO×JTBD → ⑤ 场景地图 → ⑥ 竞品三轴 → ⑦ 新机会 → ⑧ 4P 蓝图</p>
  555. </div>
  556. <div class="grid" style="grid-template-columns:repeat(2, 1fr); gap:22px; margin-top:20px;">
  557. <a href="#challenge" class="fade-up" style="text-decoration:none; display:block; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #FF6B6B; border-radius:var(--radius-md); padding:24px; transition:all .35s cubic-bezier(.2,.7,.2,1); position:relative; overflow:hidden;" onmouseover="this.style.transform='translateY(-4px)'; this.style.borderColor='#FF6B6B'; this.style.boxShadow='0 20px 60px -20px #FF6B6B55'" onmouseout="this.style.transform='translateY(0)'; this.style.borderColor='var(--border)'; this.style.boxShadow='none'">
  558. <div style="position:absolute; top:-18px; right:-10px; font-family:var(--font-head); font-weight:900; font-size:8rem; line-height:1; color:#FF6B6B; opacity:.08; letter-spacing:-0.06em; pointer-events:none;">1</div>
  559. <div style="display:flex; justify-content:space-between; align-items:start; margin-bottom:14px;">
  560. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.18em; font-weight:700;">CH 1 · THE CHALLENGE</div>
  561. <div style="font-size:1.6rem; filter:grayscale(20%);">🎯</div>
  562. </div>
  563. <h3 class="text-h2" style="margin:0 0 10px; color:var(--text-1); font-size:1.38rem;">诘问起点</h3>
  564. <p style="color:var(--text-2); font-size:0.88rem; line-height:1.6; margin-bottom:12px;">DMY 原料真力 vs 用户零认知 · 海王金樽警示 · VOC 反向验证起点</p>
  565. <div style="display:flex; flex-wrap:wrap; gap:5px; margin-bottom:12px;">
  566. <span style="padding:3px 8px; background:#FF6B6B15; color:#FF6B6B; border-radius:3px; font-size:0.66rem; font-weight:600;">1.1 DMY 原料真力</span><span style="padding:3px 8px; background:#FF6B6B15; color:#FF6B6B; border-radius:3px; font-size:0.66rem; font-weight:600;">1.2 海王金樽警示</span><span style="padding:3px 8px; background:#FF6B6B15; color:#FF6B6B; border-radius:3px; font-size:0.66rem; font-weight:600;">1.3 VOC 反向验证</span>
  567. </div>
  568. <div style="padding-top:12px; border-top:1px solid var(--border); display:flex; justify-content:space-between; align-items:center;">
  569. <span class="text-xs text-mono" style="color:var(--text-3); letter-spacing:0.12em;">→ 跳转章节</span>
  570. <span class="text-mono text-xs" style="color:#FF6B6B;">1 / 8</span>
  571. </div>
  572. </a>
  573. <a href="#dmy" class="fade-up" style="text-decoration:none; display:block; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #D4A574; 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='#D4A574'; this.style.boxShadow='0 20px 60px -20px #D4A57455'" onmouseout="this.style.transform='translateY(0)'; this.style.borderColor='var(--border)'; this.style.boxShadow='none'">
  574. <div style="position:absolute; top:-18px; right:-10px; font-family:var(--font-head); font-weight:900; font-size:8rem; line-height:1; color:#D4A574; opacity:.08; letter-spacing:-0.06em; pointer-events:none;">2</div>
  575. <div style="display:flex; justify-content:space-between; align-items:start; margin-bottom:14px;">
  576. <div class="text-mono text-xs" style="color:#D4A574; letter-spacing:0.18em; font-weight:700;">CH 2 · DMY ATTRIBUTION</div>
  577. <div style="font-size:1.6rem; filter:grayscale(20%);">🌿</div>
  578. </div>
  579. <h3 class="text-h2" style="margin:0 0 10px; color:var(--text-1); font-size:1.38rem;">藤茶 / DMY 归因学</h3>
  580. <p style="color:var(--text-2); font-size:0.88rem; line-height:1.6; margin-bottom:12px;">DMY 总黄酮 98% 真科学力 · 藤茶千年食饮史 · 水飞蓟&quot;吸收差&quot;反面教材</p>
  581. <div style="display:flex; flex-wrap:wrap; gap:5px; margin-bottom:12px;">
  582. <span style="padding:3px 8px; background:#D4A57415; color:#D4A574; border-radius:3px; font-size:0.66rem; font-weight:600;">2.1 藤茶千年食饮史</span><span style="padding:3px 8px; background:#D4A57415; color:#D4A574; border-radius:3px; font-size:0.66rem; font-weight:600;">2.2 DMY 总黄酮 98%</span><span style="padding:3px 8px; background:#D4A57415; color:#D4A574; border-radius:3px; font-size:0.66rem; font-weight:600;">2.3 水飞蓟&quot;吸收差&quot;反面对标</span><span style="padding:3px 8px; background:#D4A57415; color:#D4A574; border-radius:3px; font-size:0.66rem; font-weight:600;">2.4 可迁移 vs 必避陷阱</span>
  583. </div>
  584. <div style="padding-top:12px; border-top:1px solid var(--border); display:flex; justify-content:space-between; align-items:center;">
  585. <span class="text-xs text-mono" style="color:var(--text-3); letter-spacing:0.12em;">→ 跳转章节</span>
  586. <span class="text-mono text-xs" style="color:#D4A574;">2 / 8</span>
  587. </div>
  588. </a>
  589. <a href="#market" 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'">
  590. <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;">3</div>
  591. <div style="display:flex; justify-content:space-between; align-items:start; margin-bottom:14px;">
  592. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.18em; font-weight:700;">CH 3 · LIVER MARKET VOC</div>
  593. <div style="font-size:1.6rem; filter:grayscale(20%);">💊</div>
  594. </div>
  595. <h3 class="text-h2" style="margin:0 0 10px; color:var(--text-1); font-size:1.38rem;">护肝市场 VOC 全景</h3>
  596. <p style="color:var(--text-2); font-size:0.88rem; line-height:1.6; margin-bottom:12px;">50 亿保健护肝 + 100 亿 OTC 胃肝药 · Swisse/易善复/葵花/片仔癀/海王金樽 五大对标</p>
  597. <div style="display:flex; flex-wrap:wrap; gap:5px; margin-bottom:12px;">
  598. <span style="padding:3px 8px; background:#0085CA15; color:#0085CA; border-radius:3px; font-size:0.66rem; font-weight:600;">3.1 50 亿保健护肝</span><span style="padding:3px 8px; background:#0085CA15; color:#0085CA; border-radius:3px; font-size:0.66rem; font-weight:600;">3.2 五大竞品心智</span><span style="padding:3px 8px; background:#0085CA15; color:#0085CA; border-radius:3px; font-size:0.66rem; font-weight:600;">3.3 人群声量</span><span style="padding:3px 8px; background:#0085CA15; color:#0085CA; border-radius:3px; font-size:0.66rem; font-weight:600;">3.4 未满足需求</span>
  599. </div>
  600. <div style="padding-top:12px; border-top:1px solid var(--border); display:flex; justify-content:space-between; align-items:center;">
  601. <span class="text-xs text-mono" style="color:var(--text-3); letter-spacing:0.12em;">→ 跳转章节</span>
  602. <span class="text-mono text-xs" style="color:#0085CA;">3 / 8</span>
  603. </div>
  604. </a>
  605. <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'">
  606. <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>
  607. <div style="display:flex; justify-content:space-between; align-items:start; margin-bottom:14px;">
  608. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.18em; font-weight:700;">CH 4 · USER INSIGHT</div>
  609. <div style="font-size:1.6rem; filter:grayscale(20%);">🧠</div>
  610. </div>
  611. <h3 class="text-h2" style="margin:0 0 10px; color:var(--text-1); font-size:1.38rem;">KANO × JTBD 洞察</h3>
  612. <p style="color:var(--text-2); font-size:0.88rem; line-height:1.6; margin-bottom:12px;">KANO 五类 × JTBD F/E/S · 副作用 = 反向需求 · 送长辈 = 兴奋需求</p>
  613. <div style="display:flex; flex-wrap:wrap; gap:5px; margin-bottom:12px;">
  614. <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>
  615. </div>
  616. <div style="padding-top:12px; border-top:1px solid var(--border); display:flex; justify-content:space-between; align-items:center;">
  617. <span class="text-xs text-mono" style="color:var(--text-3); letter-spacing:0.12em;">→ 跳转章节</span>
  618. <span class="text-mono text-xs" style="color:#8B5CF6;">4 / 8</span>
  619. </div>
  620. </a>
  621. <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'">
  622. <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>
  623. <div style="display:flex; justify-content:space-between; align-items:start; margin-bottom:14px;">
  624. <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.18em; font-weight:700;">CH 5 · SCENE MAP</div>
  625. <div style="font-size:1.6rem; filter:grayscale(20%);">🗺</div>
  626. </div>
  627. <h3 class="text-h2" style="margin:0 0 10px; color:var(--text-1); font-size:1.38rem;">场景四元素地图</h3>
  628. <p style="color:var(--text-2); font-size:0.88rem; line-height:1.6; margin-bottom:12px;">应酬解酒 / 脂肪肝调理 / 熬夜前后 / 送长辈 · 四大独占场景证据链</p>
  629. <div style="display:flex; flex-wrap:wrap; gap:5px; margin-bottom:12px;">
  630. <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>
  631. </div>
  632. <div style="padding-top:12px; border-top:1px solid var(--border); display:flex; justify-content:space-between; align-items:center;">
  633. <span class="text-xs text-mono" style="color:var(--text-3); letter-spacing:0.12em;">→ 跳转章节</span>
  634. <span class="text-mono text-xs" style="color:#FF8C42;">5 / 8</span>
  635. </div>
  636. </a>
  637. <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'">
  638. <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>
  639. <div style="display:flex; justify-content:space-between; align-items:start; margin-bottom:14px;">
  640. <div class="text-mono text-xs" style="color:#FF4D8D; letter-spacing:0.18em; font-weight:700;">CH 6 · COMPETITION AXES</div>
  641. <div style="font-size:1.6rem; filter:grayscale(20%);">⚔</div>
  642. </div>
  643. <h3 class="text-h2" style="margin:0 0 10px; color:var(--text-1); font-size:1.38rem;">竞品三轴图谱</h3>
  644. <p style="color:var(--text-2); font-size:0.88rem; line-height:1.6; margin-bottom:12px;">保健品 ↔ OTC 药 ↔ 食品三轴 · 肝纯片无人地带坐标 · 6 竞品精对标</p>
  645. <div style="display:flex; flex-wrap:wrap; gap:5px; margin-bottom:12px;">
  646. <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 6 竞品精对标</span>
  647. </div>
  648. <div style="padding-top:12px; border-top:1px solid var(--border); display:flex; justify-content:space-between; align-items:center;">
  649. <span class="text-xs text-mono" style="color:var(--text-3); letter-spacing:0.12em;">→ 跳转章节</span>
  650. <span class="text-mono text-xs" style="color:#FF4D8D;">6 / 8</span>
  651. </div>
  652. </a>
  653. <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'">
  654. <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>
  655. <div style="display:flex; justify-content:space-between; align-items:start; margin-bottom:14px;">
  656. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.18em; font-weight:700;">CH 7 · OPPORTUNITY</div>
  657. <div style="font-size:1.6rem; filter:grayscale(20%);">💡</div>
  658. </div>
  659. <h3 class="text-h2" style="margin:0 0 10px; color:var(--text-1); font-size:1.38rem;">新机会 × 新场景 × 新人群</h3>
  660. <p style="color:var(--text-2); font-size:0.88rem; line-height:1.6; margin-bottom:12px;">3 条长尾赛道:DMY 教育 / 餐饮 B2B2C / 礼品孝心 · 每条带 VOC 证据链</p>
  661. <div style="display:flex; flex-wrap:wrap; gap:5px; margin-bottom:12px;">
  662. <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>
  663. </div>
  664. <div style="padding-top:12px; border-top:1px solid var(--border); display:flex; justify-content:space-between; align-items:center;">
  665. <span class="text-xs text-mono" style="color:var(--text-3); letter-spacing:0.12em;">→ 跳转章节</span>
  666. <span class="text-mono text-xs" style="color:#2D9C5D;">7 / 8</span>
  667. </div>
  668. </a>
  669. <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'">
  670. <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>
  671. <div style="display:flex; justify-content:space-between; align-items:start; margin-bottom:14px;">
  672. <div class="text-mono text-xs" style="color:#87A96B; letter-spacing:0.18em; font-weight:700;">CH 8 · 4P BLUEPRINT</div>
  673. <div style="font-size:1.6rem; filter:grayscale(20%);">🚀</div>
  674. </div>
  675. <h3 class="text-h2" style="margin:0 0 10px; color:var(--text-1); font-size:1.38rem;">4P 配称蓝图</h3>
  676. <p style="color:var(--text-2); font-size:0.88rem; line-height:1.6; margin-bottom:12px;">产品 / 渠道 / 推广 / 价格 · 10 亿路径 · 药线 3亿 + 礼品 2.5亿 + 餐饮 2.5亿 + 电商 2亿</p>
  677. <div style="display:flex; flex-wrap:wrap; gap:5px; margin-bottom:12px;">
  678. <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 10 亿路径</span>
  679. </div>
  680. <div style="padding-top:12px; border-top:1px solid var(--border); display:flex; justify-content:space-between; align-items:center;">
  681. <span class="text-xs text-mono" style="color:var(--text-3); letter-spacing:0.12em;">→ 跳转章节</span>
  682. <span class="text-mono text-xs" style="color:#87A96B;">8 / 8</span>
  683. </div>
  684. </a>
  685. </div>
  686. <div class="fade-up" style="margin-top:44px; padding:22px 26px; background:linear-gradient(135deg, #D4A57410, #2D9C5D06); border:1px solid #D4A57422; border-radius:var(--radius-md);">
  687. <div class="text-mono text-xs" style="color:#D4A574; letter-spacing:0.15em; margin-bottom:10px;">METHODOLOGY · 方法论自律</div>
  688. <div style="color:var(--text-1); font-size:0.98rem; line-height:1.72;">
  689. 本报告严格遵循 《<strong style="color:#D4A574;">docs/jiangzhong/1.VOC方向定位.md</strong>》10 亿 × 4 渠道 × 5 模块 方法论:<br/>
  690. <strong style="color:#FF6B6B;">❌ 不做</strong>:改配方主成分(DMY 为核心)、宣称治疗、装饰性理论图表、脱离 VOC 的拍脑袋推断;<br/>
  691. <strong style="color:#2D9C5D;">✅ 做</strong>:8 条核心假设 H1-H8 × 多平台 VOC 实证 × KANO × JTBD × 场景四元素 理论作决策工具 × 4 渠道 × 5 模块落地映射;<br/>
  692. 每一个结论都附 <strong style="color:#D4A574;">真实用户原声</strong>(昵称 + IP + 点赞)+ <strong style="color:#0085CA;">理论模型映射</strong> + <strong style="color:#87A96B;">可落地决策项</strong> 三重验证。
  693. </div>
  694. </div>
  695. </div>
  696. </section>
  697. <section class="report-section" id="challenge" data-tone="rose" data-slide-num="03/38" style="justify-content:center;">
  698. <div class="section-inner">
  699. <div class="rise-in" style="text-align:center; margin-bottom:40px;">
  700. <div style="font-family:var(--font-head); font-weight:900; font-size:clamp(5rem, 14vw, 11rem); line-height:0.9; color:#FF6B6B; opacity:0.12; letter-spacing:-0.06em;">01</div>
  701. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.3em; margin-top:-2rem; font-weight:700;">CHAPTER 1 · THE CHALLENGE</div>
  702. </div>
  703. <div class="rise-in" style="text-align:center; margin-bottom:36px;">
  704. <div style="font-size:3.2rem; margin-bottom:14px;">🎯</div>
  705. <h2 class="text-poster" style="font-size:clamp(2.4rem, 5.2vw, 4.2rem); color:var(--text-1); letter-spacing:-0.025em;">诘问起点</h2>
  706. <p style="color:#FF6B6B; font-family:var(--font-mono); font-size:0.92rem; letter-spacing:0.18em; margin-top:12px; font-weight:600;">THE CHALLENGE</p>
  707. </div>
  708. <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);">
  709. <p style="color:var(--text-1); font-size:1.08rem; line-height:1.82;">江中肝纯片握有 <strong style="color:#4A8A3A;">藤茶 DMY 总黄酮 98%</strong> 的原料真科学力,但用户既不认识"藤茶"、也不认识"二氢杨梅素"。与此同时,<strong style="color:#FF6B6B;">海王金樽</strong>已经用硬广方式把"解酒"品类做成了<strong style="color:#FF6B6B;">智商税叙事</strong>(VOC:"老哒广告做得杠杠的[捂脸]")——我们不能重蹈覆辙。本章直面困境:<strong style="color:#D4A574;">真差异化但零认知</strong>,必须先理解用户在想什么。</p>
  710. </div>
  711. <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;">
  712. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #FF6B6B22; border-radius:var(--radius-sm); text-align:center;">
  713. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">1.1</div>
  714. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">DMY 原料真力·但用户零认知</div>
  715. </div>
  716. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #FF6B6B22; border-radius:var(--radius-sm); text-align:center;">
  717. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">1.2</div>
  718. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">海王金樽警示·硬广洗脑型失败案例</div>
  719. </div>
  720. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #FF6B6B22; border-radius:var(--radius-sm); text-align:center;">
  721. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">1.3</div>
  722. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">VOC 反向验证·方法论起点</div>
  723. </div>
  724. </div>
  725. <div class="fade-up" style="margin-top:48px; text-align:center;">
  726. <div class="text-mono text-xs" style="color:var(--text-3); letter-spacing:0.3em;">SCROLL DOWN · 3 个子章 · VOC 实证 × 理论 × 决策</div>
  727. </div>
  728. </div>
  729. </section>
  730. <section class="report-section" id="challenge-1" data-tone="rose" data-slide-num="04/38">
  731. <div class="section-inner">
  732. <div class="section-head rise-in">
  733. <div class="section-eyebrow" style="color:#FF6B6B;">1.1 · 产品困境直面</div>
  734. <h2 class="text-h1"><span class="headline-anim"><span style="color:#4A8A3A;">DMY 原料真力</span>,但<span style="color:#FF6B6B;">用户零认知</span></span></h2>
  735. <p class="section-sub">肝纯片握有"藤茶总黄酮 98%"的原料真差异化,但用户心智仍然停留在"水飞蓟"框架里——<strong>真差异化但说不清</strong>是我们真正的起点困境。</p>
  736. </div>
  737. <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;">
  738. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">THE CONCEPT GAP · 认知鸿沟</div>
  739. <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;"><strong style="color:#4A8A3A;">"江中肝纯片 = 藤茶 + DMY 二氢杨梅素"</strong> 这句产品真相,目前<strong style="color:#FF6B6B;">没有任何一个 VOC 原声</strong>主动说出来。<br/>当用户问"这个护肝片"时,他们仍然在<strong style="color:#FF6B6B;">"水飞蓟"框架内</strong>对照成分——这是我们必须先破局的认知锁。</div>
  740. <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">与此同时,<strong style="color:#2D9C5D;">dihydromyricetin 在 Amazon 已经是一个成熟的 GENZ 独立子类</strong>(485 条 reviews · ★4.3 均分)——<strong style="color:#2D9C5D;">国际市场对 DMY 的认知比国内强得多</strong>,国内反而是价值洼地。</div>
  741. </div>
  742. <div class="grid" style="grid-template-columns:1fr 1fr; gap:24px; margin-top:24px;">
  743. <div>
  744. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">VOC · 用户仍在"水飞蓟"框架里问护肝片</div>
  745. <div style="display:flex; flex-direction:column; gap:12px;">
  746. <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;">
  747. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  748. <div style="display:flex; align-items:center; gap:6px;">
  749. <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>
  750. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">晚秋</span>
  751. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 肝纯片</span>
  752. </div>
  753. <div style="display:flex; align-items:center; gap:6px;">
  754. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  755. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥2</span>
  756. <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>
  757. </div>
  758. </div>
  759. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"葵花牌的还不错[吧唧R]我认识一位就是,酒精肝损伤,吃这个有所好转[黄金薯R]还可以吃易善复和好一点的,水飞蓟[合十R]"</div>
  760. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  761. <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>
  762. </div>
  763. </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;">
  764. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  765. <div style="display:flex; align-items:center; gap:6px;">
  766. <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>
  767. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">晚秋</span>
  768. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 肝纯片</span>
  769. </div>
  770. <div style="display:flex; align-items:center; gap:6px;">
  771. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  772. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥1</span>
  773. <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>
  774. </div>
  775. </div>
  776. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"我去医院,医生给我开的葵花的,不过我看过成分表,一模一样"</div>
  777. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  778. <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><span style="padding:2px 8px; background:#FF6B6B12; color:#FF6B6B; border-radius:3px; font-size:0.68rem; font-weight:600;">品牌认知</span>
  779. </div>
  780. </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;">
  781. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  782. <div style="display:flex; align-items:center; gap:6px;">
  783. <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>
  784. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">晚秋</span>
  785. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 肝纯片</span>
  786. </div>
  787. <div style="display:flex; align-items:center; gap:6px;">
  788. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  789. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥1</span>
  790. <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>
  791. </div>
  792. </div>
  793. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"没病就不吃呗[笑哭R]家里人一直都吃葵花的也挺好,药用里算不错了,别的给你推保健品的自己注意分辨吧"</div>
  794. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  795. <span style="padding:2px 8px; background:#FF6B6B12; color:#FF6B6B; border-radius:3px; font-size:0.68rem; font-weight:600;">品牌认知</span>
  796. </div>
  797. </div>
  798. </div>
  799. </div>
  800. <div>
  801. <div class="text-mono text-xs" style="color:#4A8A3A; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">VOC · "藤茶" 被识别为茶饮 / 养生 / 降血糖·不是护肝</div>
  802. <div style="display:flex; flex-direction:column; gap:12px;">
  803. <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #4A8A3A; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  804. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  805. <div style="display:flex; align-items:center; gap:6px;">
  806. <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>
  807. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">张家界莓茶姑娘</span>
  808. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 藤茶</span>
  809. </div>
  810. <div style="display:flex; align-items:center; gap:6px;">
  811. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  812. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥3</span>
  813. <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>
  814. </div>
  815. </div>
  816. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"口感有点小涩,但是有回甘也很喜欢这个味道,跟小时候爷爷带的一样,茶汤挺清澈的,有点梗,当口粮茶足够了。"</div>
  817. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #4A8A3A; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  818. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  819. <div style="display:flex; align-items:center; gap:6px;">
  820. <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>
  821. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">张家界莓茶姑娘</span>
  822. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 藤茶</span>
  823. </div>
  824. <div style="display:flex; align-items:center; gap:6px;">
  825. <span style="color:#2D9C5D; font-size:0.7rem; font-weight:600;">▲ 好评</span>
  826. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥20</span>
  827. <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>
  828. </div>
  829. </div>
  830. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"买了点给我妈妈喝看降血糖不,让她先测了连续喝十来天看看再测,有效果后期会再来回购的"</div>
  831. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #4A8A3A; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  832. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  833. <div style="display:flex; align-items:center; gap:6px;">
  834. <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#FF990022; color:#FF9900; font-size:0.62rem; font-weight:700;">Az</span>
  835. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">Megan H.</span>
  836. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· dihydromyricetin</span>
  837. </div>
  838. <div style="display:flex; align-items:center; gap:6px;">
  839. <span style="color:#2D9C5D; font-size:0.7rem; font-weight:600;">▲ 好评</span>
  840. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">👍18</span>
  841. <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>
  842. </div>
  843. </div>
  844. <div style="display:flex; align-items:center; gap:4px; font-size:0.8rem;"><span style="color:#C8A04B">★</span><span style="color:#C8A04B">★</span><span style="color:#C8A04B">★</span><span style="color:#C8A04B">★</span><span style="color:#C8A04B">★</span><span style="margin-left:8px; padding:1px 6px; background:#2D9C5D18; color:#2D9C5D; border-radius:10px; font-size:0.62rem; font-family:var(--font-mono); font-weight:700;">已购</span></div>
  845. <div style="color:#4A8A3A; font-size:0.82rem; font-weight:700; margin-bottom:2px;">It actually works!!</div>
  846. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"No gimmicks, no nonsense, it seriously works. I have a panic disorder, and being hung over not only gives me anxiety but being nauseous and having my stomach be all messed up fuels my panic attacks. …"</div>
  847. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  848. <span style="padding:2px 8px; background:#4A8A3A12; color:#4A8A3A; border-radius:3px; font-size:0.68rem; font-weight:600;">智商税</span>
  849. </div>
  850. </div>
  851. </div>
  852. </div>
  853. </div>
  854. <div class="fade-up" style="margin-top:28px;">
  855. <div style="padding:18px 22px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md);">
  856. <div class="text-mono text-xs" style="color:#D4A574; letter-spacing:0.15em; margin-bottom:12px; font-weight:700;">GAP · 产品真相 vs 用户心智</div>
  857. <table style="width:100%; border-collapse:collapse; font-size:0.88rem;">
  858. <thead>
  859. <tr style="border-bottom:2px solid #D4A57433;">
  860. <th style="text-align:left; padding:10px 6px; color:var(--text-3); font-weight:700; font-size:0.8rem; letter-spacing:0.05em;">对比维度</th><th style="text-align:center; padding:10px 6px; color:#D4A574; font-weight:700; font-size:0.8rem; letter-spacing:0.05em;">产品真相</th><th style="text-align:center; padding:10px 6px; color:#D4A574; font-weight:700; font-size:0.8rem; letter-spacing:0.05em;">用户当前心智</th>
  861. </tr>
  862. </thead>
  863. <tbody>
  864. <tr style="border-bottom:1px solid var(--border);">
  865. <td style="padding:10px 6px; color:var(--text-2); text-align:left; font-weight:400;">核心成分</td><td style="padding:10px 6px; color:#4A8A3A; text-align:center; font-weight:400;"><span style="color:#4A8A3A; font-weight:700;">藤茶 DMY 总黄酮 98%</span></td><td style="padding:10px 6px; color:#FF6B6B; text-align:center; font-weight:400;"><span style="color:#FF6B6B;">水飞蓟宾为主导认知</span></td>
  866. </tr><tr style="border-bottom:1px solid var(--border);">
  867. <td style="padding:10px 6px; color:var(--text-2); text-align:left; font-weight:400;">成分故事</td><td style="padding:10px 6px; color:#4A8A3A; text-align:center; font-weight:400;"><span style="color:#4A8A3A; font-weight:700;">中国西南千年草本</span></td><td style="padding:10px 6px; color:#FF6B6B; text-align:center; font-weight:400;"><span style="color:#FF6B6B;">国外进口更值得信赖</span></td>
  868. </tr><tr style="border-bottom:1px solid var(--border);">
  869. <td style="padding:10px 6px; color:var(--text-2); text-align:left; font-weight:400;">起效机理</td><td style="padding:10px 6px; color:#4A8A3A; text-align:center; font-weight:400;"><span style="color:#4A8A3A; font-weight:700;">清解酒后头疼 + 抗氧化护肝</span></td><td style="padding:10px 6px; color:#FF6B6B; text-align:center; font-weight:400;"><span style="color:#FF6B6B;">"吃了没感觉 = 没效果"</span></td>
  870. </tr><tr style="border-bottom:1px solid var(--border);">
  871. <td style="padding:10px 6px; color:var(--text-2); text-align:left; font-weight:400;">现有符号</td><td style="padding:10px 6px; color:#4A8A3A; text-align:center; font-weight:400;"><span style="color:#4A8A3A; font-weight:700;">江中品牌 + 官旗正品</span></td><td style="padding:10px 6px; color:#FF6B6B; text-align:center; font-weight:400;"><span style="color:#FF6B6B;">"跟 Swisse 比贵不贵"</span></td>
  872. </tr><tr style="border-bottom:1px solid var(--border);">
  873. <td style="padding:10px 6px; color:var(--text-2); text-align:left; font-weight:400;">场景</td><td style="padding:10px 6px; color:#4A8A3A; text-align:center; font-weight:400;"><span style="color:#4A8A3A; font-weight:700;">应酬解酒 + 脂肪肝 + 熬夜</span></td><td style="padding:10px 6px; color:#FF6B6B; text-align:center; font-weight:400;"><span style="color:#FF6B6B;">"护肝片是不是智商税"</span></td>
  874. </tr><tr style="border-bottom:1px solid var(--border);">
  875. <td style="padding:12px 6px; color:var(--text-2); text-align:left; font-weight:400;">破局</td><td style="padding:12px 6px; color:#4A8A3A; text-align:center; font-weight:700;">真差异化</td><td style="padding:12px 6px; color:#FF6B6B; text-align:center; font-weight:700;">认知教育</td>
  876. </tr>
  877. </tbody>
  878. </table>
  879. </div>
  880. </div>
  881. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#FF6B6B08; border:1px solid #FF6B6B33; border-radius:var(--radius-md);">
  882. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">落地决策 · 认知破局三条铁律</div>
  883. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  884. <div style="display:flex; gap:10px; align-items:flex-start;">
  885. <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>
  886. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>认知破局放第一位</strong>:所有文案必须回答"藤茶是什么、DMY 是什么、为什么是真的"</div>
  887. </div>
  888. <div style="display:flex; gap:10px; align-items:flex-start;">
  889. <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>
  890. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>锚点:千年食饮史</strong>,不是"新发现的原料"——避开智商税叙事陷阱</div>
  891. </div>
  892. <div style="display:flex; gap:10px; align-items:flex-start;">
  893. <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>
  894. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>国际 DMY 认知倒灌</strong>:引用 Amazon 485+ 好评作背书("Lifesaver")</div>
  895. </div>
  896. <div style="display:flex; gap:10px; align-items:flex-start;">
  897. <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>
  898. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>不与水飞蓟打正面</strong>:在水飞蓟框架外建立 DMY 子心智</div>
  899. </div>
  900. </div>
  901. </div>
  902. </div>
  903. </section>
  904. <section class="report-section" id="challenge-2" data-tone="rose" data-slide-num="05/38">
  905. <div class="section-inner">
  906. <div class="section-head rise-in">
  907. <div class="section-eyebrow" style="color:#FF6B6B;">1.2 · 失败案例复盘</div>
  908. <h2 class="text-h1"><span class="headline-anim"><span style="color:#FF6B6B;">海王金樽警示</span>:硬广洗脑 × 体感寡淡 = 品类信任透支</span></h2>
  909. <p class="section-sub">海王金樽是"解酒保肝"赛道曾经的头部玩家,硬广把品类做"出了圈"却把<strong>信任做没了</strong>——肝纯片不能再走这条路。</p>
  910. </div>
  911. <div class="rise-in" style="padding:28px 32px; background:linear-gradient(135deg, #8B294212, #8B294204); border-left:4px solid #8B2942; border-radius:var(--radius-md); margin-bottom:32px;">
  912. <div class="text-mono text-xs" style="color:#8B2942; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">THE FAILED PLAYBOOK · 前车之鉴</div>
  913. <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;">海王金樽在抖音被 <strong style="color:#FF6B6B;">"老哒广告做得杠杠的[捂脸][捂脸][捂脸]"</strong> 的反讽绑定——用户已经<strong>把品牌和硬广洗脑连在一起记忆</strong>,这是品牌资产的反向贬值。</div>
  914. <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">与此同时<strong style="color:#FF6B6B;">"解酒神器"整个品类</strong>被"商家:横竖都是死呗"式高赞吐槽(XHS ♥7295)污染,<strong>用户已经不信任何解酒广告承诺</strong>。肝纯片如果继续 "广告轰炸 + 符号化" 套路,只会被同一套反叙事吞噬。</div>
  915. </div>
  916. <div class="grid" style="grid-template-columns:1.1fr 0.9fr; gap:24px; margin-top:24px;">
  917. <div>
  918. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">VOC · 海王金樽"硬广 / 老哒"反讽连锁</div>
  919. <div style="display:flex; flex-direction:column; gap:12px;">
  920. <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #8B2942; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  921. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  922. <div style="display:flex; align-items:center; gap:6px;">
  923. <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>
  924. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">老桂爱喝酒</span>
  925. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 海王金樽</span>
  926. </div>
  927. <div style="display:flex; align-items:center; gap:6px;">
  928. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  929. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥4</span>
  930. <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>
  931. </div>
  932. </div>
  933. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"海王金樽的药片真的是我的神"</div>
  934. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  935. <span style="padding:2px 8px; background:#8B294212; color:#8B2942; border-radius:3px; font-size:0.68rem; font-weight:600;">品牌认知</span>
  936. </div>
  937. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #8B2942; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  938. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  939. <div style="display:flex; align-items:center; gap:6px;">
  940. <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>
  941. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">汐汐优选百货</span>
  942. <span style="color:var(--text-3); font-size:0.68rem;">· 福建</span>
  943. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 海王金樽</span>
  944. </div>
  945. <div style="display:flex; align-items:center; gap:6px;">
  946. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  947. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥0</span>
  948. <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>
  949. </div>
  950. </div>
  951. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"你的写作水平极高! 你的奋斗精神令人动容! 无尽牵 你的反应能力超级快!"</div>
  952. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #8B2942; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  953. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  954. <div style="display:flex; align-items:center; gap:6px;">
  955. <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>
  956. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">海林</span>
  957. <span style="color:var(--text-3); font-size:0.68rem;">· 山西</span>
  958. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 海王金樽</span>
  959. </div>
  960. <div style="display:flex; align-items:center; gap:6px;">
  961. <span style="color:#2D9C5D; font-size:0.7rem; font-weight:600;">▲ 好评</span>
  962. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥0</span>
  963. <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>
  964. </div>
  965. </div>
  966. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"海王金樽解酒神器 [666]"</div>
  967. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  968. <span style="padding:2px 8px; background:#8B294212; color:#8B2942; border-radius:3px; font-size:0.68rem; font-weight:600;">推荐/真香</span><span style="padding:2px 8px; background:#8B294212; color:#8B2942; border-radius:3px; font-size:0.68rem; font-weight:600;">应酬解酒</span><span style="padding:2px 8px; background:#8B294212; color:#8B2942; border-radius:3px; font-size:0.68rem; font-weight:600;">品牌认知</span>
  969. </div>
  970. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #8B2942; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  971. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  972. <div style="display:flex; align-items:center; gap:6px;">
  973. <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>
  974. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">火爆大鱿鱼!美味鸭肠 ,锁艳《回民》</span>
  975. <span style="color:var(--text-3); font-size:0.68rem;">· 安徽</span>
  976. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 海王金樽</span>
  977. </div>
  978. <div style="display:flex; align-items:center; gap:6px;">
  979. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  980. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥40</span>
  981. <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>
  982. </div>
  983. </div>
  984. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"老哒广告做的杠杠的[捂脸][捂脸][捂脸]"</div>
  985. </div>
  986. </div>
  987. </div>
  988. <div>
  989. <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">VOC · "解酒神器" 品类整体信任透支</div>
  990. <div style="display:flex; flex-direction:column; gap:12px;">
  991. <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;">
  992. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  993. <div style="display:flex; align-items:center; gap:6px;">
  994. <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>
  995. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">请叫我小姐姐</span>
  996. <span style="color:var(--text-3); font-size:0.68rem;">· 河南</span>
  997. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 解酒神器</span>
  998. </div>
  999. <div style="display:flex; align-items:center; gap:6px;">
  1000. <span style="color:#FF6B6B; font-size:0.7rem; font-weight:600;">▼ 差评</span>
  1001. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥1</span>
  1002. <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>
  1003. </div>
  1004. </div>
  1005. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"这个不是醒酒的方法,是催吐的的方法,不信你们闻一下想不想吐"</div>
  1006. </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;">
  1007. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  1008. <div style="display:flex; align-items:center; gap:6px;">
  1009. <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>
  1010. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">小酩今天喝了没</span>
  1011. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 解酒神器</span>
  1012. </div>
  1013. <div style="display:flex; align-items:center; gap:6px;">
  1014. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  1015. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥5.7k</span>
  1016. <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>
  1017. </div>
  1018. </div>
  1019. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"昨晚谁都不是我的对手,今天上网:喝多了第二天难受怎么缓解[笑哭R]"</div>
  1020. </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;">
  1021. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  1022. <div style="display:flex; align-items:center; gap:6px;">
  1023. <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>
  1024. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">海潮、测评</span>
  1025. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 解酒神器</span>
  1026. </div>
  1027. <div style="display:flex; align-items:center; gap:6px;">
  1028. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  1029. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥7.3k</span>
  1030. <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>
  1031. </div>
  1032. </div>
  1033. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"商家:横竖都是死呗[黄金薯R]"</div>
  1034. </div>
  1035. </div>
  1036. </div>
  1037. </div>
  1038. <div class="fade-up" style="margin-top:28px;">
  1039. <div style="padding:18px 22px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md);">
  1040. <div class="text-mono text-xs" style="color:#D4A574; letter-spacing:0.15em; margin-bottom:12px; font-weight:700;">PLAYBOOK · 海王金樽路径 vs 肝纯片路径</div>
  1041. <table style="width:100%; border-collapse:collapse; font-size:0.88rem;">
  1042. <thead>
  1043. <tr style="border-bottom:2px solid #D4A57433;">
  1044. <th style="text-align:left; padding:10px 6px; color:var(--text-3); font-weight:700; font-size:0.8rem; letter-spacing:0.05em;">维度</th><th style="text-align:center; padding:10px 6px; color:#D4A574; font-weight:700; font-size:0.8rem; letter-spacing:0.05em;">海王金樽(已失败)</th><th style="text-align:center; padding:10px 6px; color:#D4A574; font-weight:700; font-size:0.8rem; letter-spacing:0.05em;">肝纯片(必须走)</th>
  1045. </tr>
  1046. </thead>
  1047. <tbody>
  1048. <tr style="border-bottom:1px solid var(--border);">
  1049. <td style="padding:10px 6px; color:var(--text-2); text-align:left; font-weight:400;">核心打法</td><td style="padding:10px 6px; color:#FF6B6B; text-align:center; font-weight:400;"><span style="color:#FF6B6B;">硬广 × 品牌符号 × 广告词复读</span></td><td style="padding:10px 6px; color:#2D9C5D; text-align:center; font-weight:400;"><span style="color:#2D9C5D; font-weight:700;">真原料 × 真科学 × 真场景</span></td>
  1050. </tr><tr style="border-bottom:1px solid var(--border);">
  1051. <td style="padding:10px 6px; color:var(--text-2); text-align:left; font-weight:400;">体感承诺</td><td style="padding:10px 6px; color:#FF6B6B; text-align:center; font-weight:400;"><span style="color:#FF6B6B;">空泛"解酒护肝"无锚点</span></td><td style="padding:10px 6px; color:#2D9C5D; text-align:center; font-weight:400;"><span style="color:#2D9C5D; font-weight:700;">藤茶 DMY 清酒后头疼可感知</span></td>
  1052. </tr><tr style="border-bottom:1px solid var(--border);">
  1053. <td style="padding:10px 6px; color:var(--text-2); text-align:left; font-weight:400;">用户印象</td><td style="padding:10px 6px; color:#FF6B6B; text-align:center; font-weight:400;"><span style="color:#FF6B6B;">"老哒广告"被嘲讽记忆</span></td><td style="padding:10px 6px; color:#2D9C5D; text-align:center; font-weight:400;"><span style="color:#2D9C5D; font-weight:700;">江中 OTC 品质背书</span></td>
  1054. </tr><tr style="border-bottom:1px solid var(--border);">
  1055. <td style="padding:10px 6px; color:var(--text-2); text-align:left; font-weight:400;">复购逻辑</td><td style="padding:10px 6px; color:#FF6B6B; text-align:center; font-weight:400;"><span style="color:#FF6B6B;">一次性广告冲动</span></td><td style="padding:10px 6px; color:#2D9C5D; text-align:center; font-weight:400;"><span style="color:#2D9C5D; font-weight:700;">场景日常养护</span></td>
  1056. </tr><tr style="border-bottom:1px solid var(--border);">
  1057. <td style="padding:10px 6px; color:var(--text-2); text-align:left; font-weight:400;">信任资产</td><td style="padding:10px 6px; color:#FF6B6B; text-align:center; font-weight:400;"><span style="color:#FF6B6B;">被"硬广"吞噬</span></td><td style="padding:10px 6px; color:#2D9C5D; text-align:center; font-weight:400;"><span style="color:#2D9C5D; font-weight:700;">藤茶文化 + 真评论沉淀</span></td>
  1058. </tr><tr style="border-bottom:1px solid var(--border);">
  1059. <td style="padding:12px 6px; color:var(--text-2); text-align:left; font-weight:400;">本质</td><td style="padding:12px 6px; color:#FF6B6B; text-align:center; font-weight:700;">品牌透支</td><td style="padding:12px 6px; color:#2D9C5D; text-align:center; font-weight:700;">认知积累</td>
  1060. </tr>
  1061. </tbody>
  1062. </table>
  1063. </div>
  1064. </div>
  1065. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#8B294208; border:1px solid #8B294233; border-radius:var(--radius-md);">
  1066. <div class="text-mono text-xs" style="color:#8B2942; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">落地决策 · 避开硬广陷阱四条铁律</div>
  1067. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  1068. <div style="display:flex; gap:10px; align-items:flex-start;">
  1069. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#8B2942; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">1</div>
  1070. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>明令禁止</strong>:不做硬广 "永远的神" 式口号复读,不做"老哒"式 KOL 绑定</div>
  1071. </div>
  1072. <div style="display:flex; gap:10px; align-items:flex-start;">
  1073. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#8B2942; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">2</div>
  1074. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>场景真实</strong>:所有推广内容必须"原生 + 真场景",而非洗脑 TVC</div>
  1075. </div>
  1076. <div style="display:flex; gap:10px; align-items:flex-start;">
  1077. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#8B2942; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">3</div>
  1078. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>体感可感知</strong>:藤茶 DMY 的"清解酒后头疼"是可感知锚点,<em>能用来</em>解释"为什么"</div>
  1079. </div>
  1080. <div style="display:flex; gap:10px; align-items:flex-start;">
  1081. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#8B2942; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">4</div>
  1082. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>不骂海王金樽</strong>:警示自用,不在外宣里攻击竞品(避免自降格调)</div>
  1083. </div>
  1084. </div>
  1085. </div>
  1086. </div>
  1087. </section>
  1088. <section class="report-section" id="challenge-3" data-tone="rose" data-slide-num="06/38">
  1089. <div class="section-inner">
  1090. <div class="section-head rise-in">
  1091. <div class="section-eyebrow" style="color:#D4A574;">1.3 · 方法论起点</div>
  1092. <h2 class="text-h1"><span class="headline-anim"><span style="color:#D4A574;">VOC 实证</span> × <span style="color:#8B5CF6;">理论模型</span> × <span style="color:#87A96B;">决策映射</span></span></h2>
  1093. <p class="section-sub">每一个结论都必须有<strong>多平台 VOC 原声 + 理论模型映射 + 可落地决策项</strong> 三重交叉。本报告围绕 8 条核心假设 H1-H8 展开验证。</p>
  1094. </div>
  1095. <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);">
  1096. <div style="text-align:center;">
  1097. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#D4A574; letter-spacing:-0.02em;">3,965</div>
  1098. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">真实 VOC</div>
  1099. </div>
  1100. <div style="text-align:center;">
  1101. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#0085CA; letter-spacing:-0.02em;">3</div>
  1102. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">采集平台</div>
  1103. </div>
  1104. <div style="text-align:center;">
  1105. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#2D9C5D; letter-spacing:-0.02em;">32</div>
  1106. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">关键词维度</div>
  1107. </div>
  1108. <div style="text-align:center;">
  1109. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#8B5CF6; letter-spacing:-0.02em;">8</div>
  1110. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">核心假设</div>
  1111. </div>
  1112. <div style="text-align:center;">
  1113. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#87A96B; letter-spacing:-0.02em;">38</div>
  1114. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">slides</div>
  1115. </div>
  1116. </div>
  1117. <div class="grid" style="grid-template-columns:1.3fr 1fr; gap:24px; margin-top:24px;">
  1118. <div>
  1119. <div style="padding:18px 22px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md);">
  1120. <div class="text-mono text-xs" style="color:#D4A574; letter-spacing:0.15em; margin-bottom:12px; font-weight:700;">8 假设 × VOC 证据厚度</div>
  1121. <svg viewBox="0 0 900 336" style="width:100%; height:auto; max-height:320px;" preserveAspectRatio="xMidYMid meet">
  1122. <text x="150" y="35" text-anchor="end" font-size="13" font-weight="600" fill="var(--text-1, #333)">H1 · 藤茶/DMY 认知空白</text>
  1123. <rect x="160" y="16" width="238.9054248679789" height="28" rx="4" fill="#D4A574" opacity="0.85"/>
  1124. <text x="406.9054248679789" y="35" font-size="13" font-weight="700" fill="#D4A574" font-family="monospace">754</text>
  1125. <text x="150" y="73" text-anchor="end" font-size="13" font-weight="600" fill="var(--text-1, #333)">H2 · 海王金樽为什么没成</text>
  1126. <rect x="160" y="54" width="193.9126260201632" height="28" rx="4" fill="#D4A574" opacity="0.85"/>
  1127. <text x="361.9126260201632" y="73" font-size="13" font-weight="700" fill="#D4A574" font-family="monospace">612</text>
  1128. <text x="150" y="111" text-anchor="end" font-size="13" font-weight="600" fill="var(--text-1, #333)">H3 · 护肝片副作用恐惧</text>
  1129. <rect x="160" y="92" width="91.88670187229957" height="28" rx="4" fill="#2D9C5D" opacity="0.85"/>
  1130. <text x="259.88670187229957" y="111" font-size="13" font-weight="700" fill="#2D9C5D" font-family="monospace">290</text>
  1131. <text x="150" y="149" text-anchor="end" font-size="13" font-weight="600" fill="var(--text-1, #333)">H4 · 脂肪肝+熬夜声量</text>
  1132. <rect x="160" y="130" width="111.84829572731637" height="28" rx="4" fill="#2D9C5D" opacity="0.85"/>
  1133. <text x="279.8482957273164" y="149" font-size="13" font-weight="700" fill="#2D9C5D" font-family="monospace">353</text>
  1134. <text x="150" y="187" text-anchor="end" font-size="13" font-weight="600" fill="var(--text-1, #333)">H5 · 五大竞品心智地图</text>
  1135. <rect x="160" y="168" width="404.6183389342295" height="28" rx="4" fill="#0085CA" opacity="0.85"/>
  1136. <text x="572.6183389342295" y="187" font-size="13" font-weight="700" fill="#0085CA" font-family="monospace">1,277</text>
  1137. <text x="150" y="225" text-anchor="end" font-size="13" font-weight="600" fill="var(--text-1, #333)">H6 · 送长辈护肝空白</text>
  1138. <rect x="160" y="206" width="12.674027844455113" height="28" rx="4" fill="#FF8C42" opacity="0.85"/>
  1139. <text x="180.6740278444551" y="225" font-size="13" font-weight="700" fill="#FF8C42" font-family="monospace">40</text>
  1140. <text x="150" y="263" text-anchor="end" font-size="13" font-weight="600" fill="var(--text-1, #333)">H7 · 礼盒心智 · &quot;有面子&quot;</text>
  1141. <rect x="160" y="244" width="29.467114738358138" height="28" rx="4" fill="#FF8C42" opacity="0.85"/>
  1142. <text x="197.46711473835813" y="263" font-size="13" font-weight="700" fill="#FF8C42" font-family="monospace">93</text>
  1143. <text x="150" y="301" text-anchor="end" font-size="13" font-weight="600" fill="var(--text-1, #333)">H8 · Amazon 国际对标</text>
  1144. <rect x="160" y="282" width="660" height="28" rx="4" fill="#0085CA" opacity="0.85"/>
  1145. <text x="828" y="301" font-size="13" font-weight="700" fill="#0085CA" font-family="monospace">2,083</text>
  1146. </svg>
  1147. </div>
  1148. </div>
  1149. <div>
  1150. <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);">
  1151. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.2em; margin-bottom:12px; font-weight:700;">THEORY · METHODOLOGY · 三重交叉验证框架</div>
  1152. <div style="color:var(--text-1); font-size:0.95rem; line-height:1.72;">
  1153. <div style="display:flex; flex-direction:column; gap:14px; font-size:0.92rem;">
  1154. <div style="padding:12px 14px; background:#D4A57410; border-left:3px solid #D4A574; border-radius:4px;">
  1155. <div style="color:#D4A574; font-weight:700; margin-bottom:4px;">① VOC 实证(原声证据)</div>
  1156. <div style="color:var(--text-2); font-size:0.86rem; line-height:1.6;">每个假设至少 3 条带<em>昵称+IP+点赞数</em>的真实评论,覆盖小红书/抖音/Amazon 三平台</div>
  1157. </div>
  1158. <div style="padding:12px 14px; background:#8B5CF610; border-left:3px solid #8B5CF6; border-radius:4px;">
  1159. <div style="color:#8B5CF6; font-weight:700; margin-bottom:4px;">② 理论模型(决策工具)</div>
  1160. <div style="color:var(--text-2); font-size:0.86rem; line-height:1.6;"><strong>KANO</strong>(必备/期望/兴奋)+ <strong>JTBD</strong>(F/E/S)+ <strong>场景四元素</strong>(时间×空间×触发×人群)</div>
  1161. </div>
  1162. <div style="padding:12px 14px; background:#87A96B10; border-left:3px solid #87A96B; border-radius:4px;">
  1163. <div style="color:#87A96B; font-weight:700; margin-bottom:4px;">③ 决策映射(落地可执行)</div>
  1164. <div style="color:var(--text-2); font-size:0.86rem; line-height:1.6;">每个子章收尾 = <em>4-6 条 P0/P1 决策项</em>,直接对应 SKU / 包装 / 话术 / 价格 / 渠道决定</div>
  1165. </div>
  1166. </div>
  1167. </div>
  1168. </div>
  1169. </div>
  1170. </div>
  1171. <div class="fade-up" style="margin-top:28px;">
  1172. <div class="rise-in" style="padding:28px 32px; background:linear-gradient(135deg, #D4A57412, #D4A57404); border-left:4px solid #D4A574; border-radius:var(--radius-md); margin-bottom:32px;">
  1173. <div class="text-mono text-xs" style="color:#D4A574; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">HYPOTHESIS MATRIX · 8 假设矩阵</div>
  1174. <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;"><strong style="color:#D4A574;">H1-H8 全部有证据</strong>,其中 <strong style="color:#0085CA;">H8 (Amazon 国际对标 2085 条)</strong> 和 <strong style="color:#0085CA;">H5 (5 竞品心智 1508 条)</strong> 最厚,<strong style="color:#FF8C42;">H6 (送长辈 80 条)</strong> 最薄但正是空白机会。</div>
  1175. <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">证据厚度不均反映市场注意力分布:国际已经 DMY 成熟、国内 5 竞品被讨论透了,<strong>国产礼品装护肝是全品类空白机会</strong>——这是本报告后续章节反复挖掘的金矿。</div>
  1176. </div>
  1177. </div>
  1178. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#8B5CF608; border:1px solid #8B5CF633; border-radius:var(--radius-md);">
  1179. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">方法论自律 · 报告纪律四条</div>
  1180. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  1181. <div style="display:flex; gap:10px; align-items:flex-start;">
  1182. <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>
  1183. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>假设驱动的报告结构</strong>:每个章节开头明示"验证哪几条假设",结尾总结"假设成立 / 被推翻 / 被修正"</div>
  1184. </div>
  1185. <div style="display:flex; gap:10px; align-items:flex-start;">
  1186. <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>
  1187. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>VOC 数据可追溯</strong>:每条引用带 <code>platform · 昵称 · IP · 点赞数 · keyword</code>,可 grep 回溯到 jsonl 行号</div>
  1188. </div>
  1189. <div style="display:flex; gap:10px; align-items:flex-start;">
  1190. <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>
  1191. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>理论不装饰</strong>:KANO/JTBD 不是摆拍,必须映射到 SKU/话术/包装的具体决策</div>
  1192. </div>
  1193. <div style="display:flex; gap:10px; align-items:flex-start;">
  1194. <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>
  1195. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>决策 P0 先做</strong>:每章 P0 决策 ≤ 3 条,避免"30 条建议 = 0 条动作"</div>
  1196. </div>
  1197. </div>
  1198. </div>
  1199. </div>
  1200. </section>
  1201. <section class="report-section" id="dmy" data-tone="amber" data-slide-num="07/38" style="justify-content:center;">
  1202. <div class="section-inner">
  1203. <div class="rise-in" style="text-align:center; margin-bottom:40px;">
  1204. <div style="font-family:var(--font-head); font-weight:900; font-size:clamp(5rem, 14vw, 11rem); line-height:0.9; color:#D4A574; opacity:0.12; letter-spacing:-0.06em;">02</div>
  1205. <div class="text-mono text-xs" style="color:#D4A574; letter-spacing:0.3em; margin-top:-2rem; font-weight:700;">CHAPTER 2 · DMY ATTRIBUTION</div>
  1206. </div>
  1207. <div class="rise-in" style="text-align:center; margin-bottom:36px;">
  1208. <div style="font-size:3.2rem; margin-bottom:14px;">🌿</div>
  1209. <h2 class="text-poster" style="font-size:clamp(2.4rem, 5.2vw, 4.2rem); color:var(--text-1); letter-spacing:-0.025em;">藤茶 / DMY 归因学</h2>
  1210. <p style="color:#D4A574; font-family:var(--font-mono); font-size:0.92rem; letter-spacing:0.18em; margin-top:12px; font-weight:600;">DMY ATTRIBUTION</p>
  1211. </div>
  1212. <div class="fade-up" style="max-width:960px; margin:0 auto; text-align:center; padding:28px 32px; background:linear-gradient(135deg, #D4A5740C, transparent); border-left:3px solid #D4A574; border-radius:var(--radius-md);">
  1213. <p style="color:var(--text-1); font-size:1.08rem; line-height:1.82;">藤茶是<strong style="color:#4A8A3A;">中国西南地区被食饮了千年的草本</strong>(显齿蛇葡萄叶),其核心活性物 DMY(二氢杨梅素)总黄酮含量 <strong style="color:#4A8A3A;">高达 98%</strong>,远超水飞蓟宾(通常 30-80%)。对比水飞蓟在 XHS 和 Amazon 上 <strong style="color:#FF6B6B;">"吸收差 / no effect / hidden additives"</strong> 的大量差评,DMY + 藤茶组合是<strong style="color:#D4A574;">护肝品类真正的"新大陆"</strong>——但必须用<strong style="color:#2D9C5D;">可迁移的心智锚点</strong>(<em>千年食饮史 → 安全 + 文化符号</em>)说服用户。</p>
  1214. </div>
  1215. <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;">
  1216. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #D4A57422; border-radius:var(--radius-sm); text-align:center;">
  1217. <div class="text-mono text-xs" style="color:#D4A574; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">2.1</div>
  1218. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">藤茶千年食饮史·为什么是天选之子</div>
  1219. </div>
  1220. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #D4A57422; border-radius:var(--radius-sm); text-align:center;">
  1221. <div class="text-mono text-xs" style="color:#D4A574; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">2.2</div>
  1222. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">DMY 总黄酮 98%·科学力解构</div>
  1223. </div>
  1224. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #D4A57422; border-radius:var(--radius-sm); text-align:center;">
  1225. <div class="text-mono text-xs" style="color:#D4A574; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">2.3</div>
  1226. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">水飞蓟&quot;吸收差&quot;反面对标</div>
  1227. </div>
  1228. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #D4A57422; border-radius:var(--radius-sm); text-align:center;">
  1229. <div class="text-mono text-xs" style="color:#D4A574; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">2.4</div>
  1230. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">可迁移 vs 必避陷阱·DMY 心智锚点</div>
  1231. </div>
  1232. </div>
  1233. <div class="fade-up" style="margin-top:48px; text-align:center;">
  1234. <div class="text-mono text-xs" style="color:var(--text-3); letter-spacing:0.3em;">SCROLL DOWN · 4 个子章 · VOC 实证 × 理论 × 决策</div>
  1235. </div>
  1236. </div>
  1237. </section>
  1238. <section class="report-section" id="dmy-1" data-tone="amber" data-slide-num="08/38">
  1239. <div class="section-inner">
  1240. <div class="section-head rise-in">
  1241. <div class="section-eyebrow" style="color:#4A8A3A;">2.1 · 千年食饮史</div>
  1242. <h2 class="text-h1"><span class="headline-anim"><span style="color:#4A8A3A;">藤茶</span>:中国西南<strong>千年食饮</strong>的"天选之子"</span></h2>
  1243. <p class="section-sub">不是新发现的网红原料——<strong>显齿蛇葡萄叶</strong>在张家界/湘西/广西等地已经被当地人茶饮了千年,这是肝纯片的<strong>天然文化背书</strong>。</p>
  1244. </div>
  1245. <div class="rise-in" style="padding:28px 32px; background:linear-gradient(135deg, #4A8A3A12, #4A8A3A04); border-left:4px solid #4A8A3A; border-radius:var(--radius-md); margin-bottom:32px;">
  1246. <div class="text-mono text-xs" style="color:#4A8A3A; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">NATIVE HERITAGE · 本土药食同源</div>
  1247. <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;">藤茶在小红书上的 VOC 关键词几乎全是 <strong style="color:#4A8A3A;">"老人家山上摘"</strong>、<strong style="color:#4A8A3A;">"几块钱一斤收走"</strong>、<strong style="color:#4A8A3A;">"冲泡微苦回甘"</strong>、<strong style="color:#D4A574;">"降血糖"</strong>、<strong style="color:#D4A574;">"脑梗克星"</strong>——<strong>这是一个活的药食同源文化</strong>,不需要从零教育。</div>
  1248. <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">肝纯片要做的不是"发明"藤茶,而是把<strong style="color:#2D9C5D;">分散的民间认知 → 系统化的品牌心智</strong>:从"老人家的野茶"升级为"江中官方藤茶 DMY 护肝片"。</div>
  1249. </div>
  1250. <div class="grid" style="grid-template-columns:1fr 1fr; gap:24px; margin-top:24px;">
  1251. <div>
  1252. <div class="text-mono text-xs" style="color:#4A8A3A; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">VOC · 民间藤茶文化的真实声音</div>
  1253. <div style="display:flex; flex-direction:column; gap:12px;">
  1254. <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #4A8A3A; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  1255. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  1256. <div style="display:flex; align-items:center; gap:6px;">
  1257. <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>
  1258. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">Linl</span>
  1259. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 藤茶</span>
  1260. </div>
  1261. <div style="display:flex; align-items:center; gap:6px;">
  1262. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  1263. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥1</span>
  1264. <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>
  1265. </div>
  1266. </div>
  1267. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"我是向导带我去茶厂买的,去年的300多一斤,今年的500多一斤,但是我去的是今年的还没出,我上周去的。茶厂就在这个向导家旁边,俺觉得靠谱"</div>
  1268. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #4A8A3A; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  1269. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  1270. <div style="display:flex; align-items:center; gap:6px;">
  1271. <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>
  1272. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">张家界莓茶姑娘</span>
  1273. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 藤茶</span>
  1274. </div>
  1275. <div style="display:flex; align-items:center; gap:6px;">
  1276. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  1277. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥0</span>
  1278. <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>
  1279. </div>
  1280. </div>
  1281. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"是藤茶的话 我们这边一大堆 才几个米一斤 自己去猜也得"</div>
  1282. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  1283. <span style="padding:2px 8px; background:#4A8A3A12; color:#4A8A3A; border-radius:3px; font-size:0.68rem; font-weight:600;">成分查询</span>
  1284. </div>
  1285. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #4A8A3A; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  1286. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  1287. <div style="display:flex; align-items:center; gap:6px;">
  1288. <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>
  1289. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">张家界莓茶姑娘</span>
  1290. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 藤茶</span>
  1291. </div>
  1292. <div style="display:flex; align-items:center; gap:6px;">
  1293. <span style="color:#2D9C5D; font-size:0.7rem; font-weight:600;">▲ 好评</span>
  1294. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥20</span>
  1295. <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>
  1296. </div>
  1297. </div>
  1298. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"买了点给我妈妈喝看降血糖不,让她先测了连续喝十来天看看再测,有效果后期会再来回购的"</div>
  1299. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #4A8A3A; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  1300. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  1301. <div style="display:flex; align-items:center; gap:6px;">
  1302. <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>
  1303. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">王知铭</span>
  1304. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 藤茶</span>
  1305. </div>
  1306. <div style="display:flex; align-items:center; gap:6px;">
  1307. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  1308. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥24</span>
  1309. <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>
  1310. </div>
  1311. </div>
  1312. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"我们家这边都是野生的,老人家费劲吧啦去山上摘了炒了晒好了,结果就几块钱一斤收走了[失望R][失望R][失望R]"</div>
  1313. </div>
  1314. </div>
  1315. </div>
  1316. <div>
  1317. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:linear-gradient(135deg, #4A8A3A0E, transparent); border:1px solid #4A8A3A30; border-radius:var(--radius-md);">
  1318. <div class="text-mono text-xs" style="color:#4A8A3A; letter-spacing:0.2em; margin-bottom:12px; font-weight:700;">THEORY · HERITAGE FRAMING · 文化叙事五要素</div>
  1319. <div style="color:var(--text-1); font-size:0.95rem; line-height:1.72;">
  1320. <div style="display:flex; flex-direction:column; gap:10px; font-size:0.92rem;">
  1321. <div style="padding:10px 12px; background:#4A8A3A12; border-radius:4px;">
  1322. <div style="color:#4A8A3A; font-weight:700; margin-bottom:2px;">① 地理锚点</div>
  1323. <div style="color:var(--text-2); font-size:0.86rem;">张家界 / 湘西 / 广西·已有<strong>"莓茶"</strong>地理标识</div>
  1324. </div>
  1325. <div style="padding:10px 12px; background:#4A8A3A12; border-radius:4px;">
  1326. <div style="color:#4A8A3A; font-weight:700; margin-bottom:2px;">② 时间锚点</div>
  1327. <div style="color:var(--text-2); font-size:0.86rem;">千年食饮史(土司时期进贡记载)+ 现代 GMP 工艺</div>
  1328. </div>
  1329. <div style="padding:10px 12px; background:#4A8A3A12; border-radius:4px;">
  1330. <div style="color:#4A8A3A; font-weight:700; margin-bottom:2px;">③ 人物锚点</div>
  1331. <div style="color:var(--text-2); font-size:0.86rem;">"老人家山上摘"= 天然信任·不是化学合成</div>
  1332. </div>
  1333. <div style="padding:10px 12px; background:#4A8A3A12; border-radius:4px;">
  1334. <div style="color:#4A8A3A; font-weight:700; margin-bottom:2px;">④ 体感锚点</div>
  1335. <div style="color:var(--text-2); font-size:0.86rem;">"微苦回甘"·具象·可感知</div>
  1336. </div>
  1337. <div style="padding:10px 12px; background:#D4A57412; border-radius:4px;">
  1338. <div style="color:#D4A574; font-weight:700; margin-bottom:2px;">⑤ 升级锚点</div>
  1339. <div style="color:var(--text-2); font-size:0.86rem;"><strong>江中官方 × 现代提取 × OTC 规范</strong></div>
  1340. </div>
  1341. </div>
  1342. </div>
  1343. </div>
  1344. </div>
  1345. </div>
  1346. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#4A8A3A08; border:1px solid #4A8A3A33; border-radius:var(--radius-md);">
  1347. <div class="text-mono text-xs" style="color:#4A8A3A; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">落地决策 · 藤茶文化叙事四支柱</div>
  1348. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  1349. <div style="display:flex; gap:10px; align-items:flex-start;">
  1350. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#4A8A3A; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">1</div>
  1351. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>故事:千年进贡</strong>,不是"新发现原料"——避开保健品智商税叙事</div>
  1352. </div>
  1353. <div style="display:flex; gap:10px; align-items:flex-start;">
  1354. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#4A8A3A; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">2</div>
  1355. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>包装:东方草本视觉</strong>(荷叶绿 + 留白 + 东方符号)×<em>反 Swisse 的西药感</em></div>
  1356. </div>
  1357. <div style="display:flex; gap:10px; align-items:flex-start;">
  1358. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#4A8A3A; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">3</div>
  1359. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>KOL:湖南/湘西地方 KOC + 中医药科普号</strong>双轨孵化</div>
  1360. </div>
  1361. <div style="display:flex; gap:10px; align-items:flex-start;">
  1362. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#4A8A3A; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">4</div>
  1363. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>溯源:张家界藤茶原产地</strong> + GMP 提取标准双证背书</div>
  1364. </div>
  1365. </div>
  1366. </div>
  1367. </div>
  1368. </section>
  1369. <section class="report-section" id="dmy-2" data-tone="amber" data-slide-num="09/38">
  1370. <div class="section-inner">
  1371. <div class="section-head rise-in">
  1372. <div class="section-eyebrow" style="color:#4A8A3A;">2.2 · 科学力解构</div>
  1373. <h2 class="text-h1"><span class="headline-anim"><span style="color:#4A8A3A;">DMY 总黄酮 98%</span>:不是营销话术,是真正的科学差异化</span></h2>
  1374. <p class="section-sub">二氢杨梅素(Dihydromyricetin · DHM)+ 藤茶黄酮复合 = 远超水飞蓟宾的抗氧化力,这是肝纯片的<strong>产品真力</strong>。</p>
  1375. </div>
  1376. <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);">
  1377. <div style="text-align:center;">
  1378. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#4A8A3A; letter-spacing:-0.02em;">98%</div>
  1379. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">藤茶总黄酮含量</div>
  1380. </div>
  1381. <div style="text-align:center;">
  1382. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#D4A574; letter-spacing:-0.02em;">~3×</div>
  1383. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">vs 水飞蓟宾 SOD 活性</div>
  1384. </div>
  1385. <div style="text-align:center;">
  1386. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#0085CA; letter-spacing:-0.02em;">$25+</div>
  1387. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">Amazon DMY 客单价</div>
  1388. </div>
  1389. <div style="text-align:center;">
  1390. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#2D9C5D; letter-spacing:-0.02em;">485</div>
  1391. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">Amazon DMY reviews</div>
  1392. </div>
  1393. <div style="text-align:center;">
  1394. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#C8A04B; letter-spacing:-0.02em;">★4.3</div>
  1395. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">Amazon DMY 均分</div>
  1396. </div>
  1397. </div>
  1398. <div class="grid" style="grid-template-columns:1.1fr 0.9fr; gap:24px; margin-top:24px;">
  1399. <div>
  1400. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">VOC · Amazon DMY 国际市场已被验证</div>
  1401. <div style="display:flex; flex-direction:column; gap:12px;">
  1402. <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;">
  1403. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  1404. <div style="display:flex; align-items:center; gap:6px;">
  1405. <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#FF990022; color:#FF9900; font-size:0.62rem; font-weight:700;">Az</span>
  1406. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">Megan H.</span>
  1407. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· dihydromyricetin</span>
  1408. </div>
  1409. <div style="display:flex; align-items:center; gap:6px;">
  1410. <span style="color:#2D9C5D; font-size:0.7rem; font-weight:600;">▲ 好评</span>
  1411. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">👍18</span>
  1412. <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>
  1413. </div>
  1414. </div>
  1415. <div style="display:flex; align-items:center; gap:4px; font-size:0.8rem;"><span style="color:#C8A04B">★</span><span style="color:#C8A04B">★</span><span style="color:#C8A04B">★</span><span style="color:#C8A04B">★</span><span style="color:#C8A04B">★</span><span style="margin-left:8px; padding:1px 6px; background:#2D9C5D18; color:#2D9C5D; border-radius:10px; font-size:0.62rem; font-family:var(--font-mono); font-weight:700;">已购</span></div>
  1416. <div style="color:#2D9C5D; font-size:0.82rem; font-weight:700; margin-bottom:2px;">It actually works!!</div>
  1417. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"No gimmicks, no nonsense, it seriously works. I have a panic disorder, and being hung over not only gives me anxiety but being nauseous and having my stomach be all messed up fuels my panic attacks. With Cheers Restore …"</div>
  1418. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  1419. <span style="padding:2px 8px; background:#2D9C5D12; color:#2D9C5D; border-radius:3px; font-size:0.68rem; font-weight:600;">智商税</span>
  1420. </div>
  1421. </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;">
  1422. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  1423. <div style="display:flex; align-items:center; gap:6px;">
  1424. <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#FF990022; color:#FF9900; font-size:0.62rem; font-weight:700;">Az</span>
  1425. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">C</span>
  1426. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· dihydromyricetin</span>
  1427. </div>
  1428. <div style="display:flex; align-items:center; gap:6px;">
  1429. <span style="color:#2D9C5D; font-size:0.7rem; font-weight:600;">▲ 好评</span>
  1430. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">👍12</span>
  1431. <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>
  1432. </div>
  1433. </div>
  1434. <div style="display:flex; align-items:center; gap:4px; font-size:0.8rem;"><span style="color:#C8A04B">★</span><span style="color:#C8A04B">★</span><span style="color:#C8A04B">★</span><span style="color:#C8A04B">★</span><span style="color:#C8A04B">★</span><span style="margin-left:8px; padding:1px 6px; background:#2D9C5D18; color:#2D9C5D; border-radius:10px; font-size:0.62rem; font-family:var(--font-mono); font-weight:700;">已购</span></div>
  1435. <div style="color:#2D9C5D; font-size:0.82rem; font-weight:700; margin-bottom:2px;">Great - supplement for your liver!</div>
  1436. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"These work pretty much as advertised. I only take two the night of just shortly after drinking and then early in the morning I take one more. I definitely feel better no hangover no icky feeling definitely worth the inv…"</div>
  1437. </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;">
  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:#FF990022; color:#FF9900; font-size:0.62rem; font-weight:700;">Az</span>
  1441. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">Random Reviewer</span>
  1442. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· dihydromyricetin</span>
  1443. </div>
  1444. <div style="display:flex; align-items:center; gap:6px;">
  1445. <span style="color:#2D9C5D; font-size:0.7rem; font-weight:600;">▲ 好评</span>
  1446. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">👍10</span>
  1447. <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>
  1448. </div>
  1449. </div>
  1450. <div style="display:flex; align-items:center; gap:4px; font-size:0.8rem;"><span style="color:#C8A04B">★</span><span style="color:#C8A04B">★</span><span style="color:#C8A04B">★</span><span style="color:#C8A04B">★</span><span style="color:#C8A04B">★</span><span style="margin-left:8px; padding:1px 6px; background:#2D9C5D18; color:#2D9C5D; border-radius:10px; font-size:0.62rem; font-family:var(--font-mono); font-weight:700;">已购</span></div>
  1451. <div style="color:#2D9C5D; font-size:0.82rem; font-weight:700; margin-bottom:2px;">Amazing for hangover reduction, be wary of taking prior to drinking</div>
  1452. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"I had been using one of the other popular brands for DHM hangover “cures,&quot; and that one worked pretty well but I decided to try this one for the &quot;liposomal&quot; DHM, and can confirm that for me, this works even better! If I…"</div>
  1453. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  1454. <span style="padding:2px 8px; background:#2D9C5D12; color:#2D9C5D; border-radius:3px; font-size:0.68rem; font-weight:600;">推荐/真香</span>
  1455. </div>
  1456. </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;">
  1457. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  1458. <div style="display:flex; align-items:center; gap:6px;">
  1459. <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#FF990022; color:#FF9900; font-size:0.62rem; font-weight:700;">Az</span>
  1460. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">Lynea Frankel</span>
  1461. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· dihydromyricetin</span>
  1462. </div>
  1463. <div style="display:flex; align-items:center; gap:6px;">
  1464. <span style="color:#2D9C5D; font-size:0.7rem; font-weight:600;">▲ 好评</span>
  1465. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">👍9</span>
  1466. <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>
  1467. </div>
  1468. </div>
  1469. <div style="display:flex; align-items:center; gap:4px; font-size:0.8rem;"><span style="color:#C8A04B">★</span><span style="color:#C8A04B">★</span><span style="color:#C8A04B">★</span><span style="color:#C8A04B">★</span><span style="color:#C8A04B">★</span><span style="margin-left:8px; padding:1px 6px; background:#2D9C5D18; color:#2D9C5D; border-radius:10px; font-size:0.62rem; font-family:var(--font-mono); font-weight:700;">已购</span></div>
  1470. <div style="color:#2D9C5D; font-size:0.82rem; font-weight:700; margin-bottom:2px;">Does not matter when you take it… it works!</div>
  1471. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"This product is amazing! I have given so many friends pills to use &amp; they are as amazed as I am on how well it works! Our cruise group loves when these are in my “Mary Poppins bag”! A life saver for a great post party d…"</div>
  1472. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  1473. <span style="padding:2px 8px; background:#2D9C5D12; color:#2D9C5D; border-radius:3px; font-size:0.68rem; font-weight:600;">推荐/真香</span>
  1474. </div>
  1475. </div>
  1476. </div>
  1477. </div>
  1478. <div>
  1479. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:linear-gradient(135deg, #4A8A3A0E, transparent); border:1px solid #4A8A3A30; border-radius:var(--radius-md);">
  1480. <div class="text-mono text-xs" style="color:#4A8A3A; letter-spacing:0.2em; margin-bottom:12px; font-weight:700;">THEORY · SCIENCE STACK · DMY 三大机理</div>
  1481. <div style="color:var(--text-1); font-size:0.95rem; line-height:1.72;">
  1482. <div style="display:flex; flex-direction:column; gap:12px; font-size:0.9rem;">
  1483. <div style="padding:14px 16px; background:#4A8A3A0F; border-left:3px solid #4A8A3A; border-radius:4px;">
  1484. <div style="color:#4A8A3A; font-weight:700; margin-bottom:4px;">① ADH/ALDH 加速 · 酒精分解</div>
  1485. <div style="color:var(--text-2); font-size:0.84rem; line-height:1.6;">DMY 促进乙醇脱氢酶 + 乙醛脱氢酶活性,<strong>加速酒精代谢 → 减少醉酒头疼</strong></div>
  1486. </div>
  1487. <div style="padding:14px 16px; background:#D4A5740F; border-left:3px solid #D4A574; border-radius:4px;">
  1488. <div style="color:#D4A574; font-weight:700; margin-bottom:4px;">② 抗氧化 · 肝细胞保护</div>
  1489. <div style="color:var(--text-2); font-size:0.84rem; line-height:1.6;">总黄酮 98%<strong>清除肝脏自由基</strong>·SOD 活性是水飞蓟约 3 倍</div>
  1490. </div>
  1491. <div style="padding:14px 16px; background:#0085CA0F; border-left:3px solid #0085CA; border-radius:4px;">
  1492. <div style="color:#0085CA; font-weight:700; margin-bottom:4px;">③ GABA 受体 · 缓解焦虑</div>
  1493. <div style="color:var(--text-2); font-size:0.84rem; line-height:1.6;">酒精伴随的<strong>焦虑 / 头疼 / 失眠</strong> = GABA 通路紊乱·DMY 可部分调节</div>
  1494. </div>
  1495. </div>
  1496. </div>
  1497. </div>
  1498. </div>
  1499. </div>
  1500. <div class="fade-up" style="margin-top:28px;">
  1501. <div style="padding:18px 22px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md);">
  1502. <div class="text-mono text-xs" style="color:#D4A574; letter-spacing:0.15em; margin-bottom:12px; font-weight:700;">DMY vs 水飞蓟 · 成分科学力对比</div>
  1503. <table style="width:100%; border-collapse:collapse; font-size:0.88rem;">
  1504. <thead>
  1505. <tr style="border-bottom:2px solid #D4A57433;">
  1506. <th style="text-align:left; padding:10px 6px; color:var(--text-3); font-weight:700; font-size:0.8rem; letter-spacing:0.05em;">维度</th><th style="text-align:center; padding:10px 6px; color:#D4A574; font-weight:700; font-size:0.8rem; letter-spacing:0.05em;">藤茶 DMY(肝纯片)</th><th style="text-align:center; padding:10px 6px; color:#D4A574; font-weight:700; font-size:0.8rem; letter-spacing:0.05em;">水飞蓟宾(主流对标)</th>
  1507. </tr>
  1508. </thead>
  1509. <tbody>
  1510. <tr style="border-bottom:1px solid var(--border);">
  1511. <td style="padding:10px 6px; color:var(--text-2); text-align:left; font-weight:400;">总黄酮含量</td><td style="padding:10px 6px; color:#4A8A3A; text-align:center; font-weight:400;"><strong style="color:#4A8A3A;">98%</strong></td><td style="padding:10px 6px; color:#FF6B6B; text-align:center; font-weight:400;"><span style="color:#FF6B6B;">30-80%(产品间差异大)</span></td>
  1512. </tr><tr style="border-bottom:1px solid var(--border);">
  1513. <td style="padding:10px 6px; color:var(--text-2); text-align:left; font-weight:400;">SOD 活性</td><td style="padding:10px 6px; color:#4A8A3A; text-align:center; font-weight:400;"><strong style="color:#4A8A3A;">~3× 参照物</strong></td><td style="padding:10px 6px; color:var(--text-2); text-align:center; font-weight:400;"><span>基线(1×)</span></td>
  1514. </tr><tr style="border-bottom:1px solid var(--border);">
  1515. <td style="padding:10px 6px; color:var(--text-2); text-align:left; font-weight:400;">吸收利用度</td><td style="padding:10px 6px; color:#4A8A3A; text-align:center; font-weight:400;"><strong style="color:#4A8A3A;">良好(中国人代谢已适应千年)</strong></td><td style="padding:10px 6px; color:#FF6B6B; text-align:center; font-weight:400;"><span style="color:#FF6B6B;">"吸收差"高频差评</span></td>
  1516. </tr><tr style="border-bottom:1px solid var(--border);">
  1517. <td style="padding:10px 6px; color:var(--text-2); text-align:left; font-weight:400;">体感特征</td><td style="padding:10px 6px; color:#4A8A3A; text-align:center; font-weight:400;"><strong style="color:#4A8A3A;">清酒后头疼(快速)</strong></td><td style="padding:10px 6px; color:var(--text-2); text-align:center; font-weight:400;"><span>抗氧化(慢性)</span></td>
  1518. </tr><tr style="border-bottom:1px solid var(--border);">
  1519. <td style="padding:10px 6px; color:var(--text-2); text-align:left; font-weight:400;">国际认知</td><td style="padding:10px 6px; color:#2D9C5D; text-align:center; font-weight:400;"><strong style="color:#2D9C5D;">DMY Amazon ★4.3 / 485 reviews</strong></td><td style="padding:10px 6px; color:#FF6B6B; text-align:center; font-weight:400;"><span style="color:#FF6B6B;">负评多·"no effect"频出</span></td>
  1520. </tr><tr style="border-bottom:1px solid var(--border);">
  1521. <td style="padding:10px 6px; color:var(--text-2); text-align:left; font-weight:400;">安全性</td><td style="padding:10px 6px; color:#4A8A3A; text-align:center; font-weight:400;"><strong style="color:#4A8A3A;">千年食饮·LD50 极低</strong></td><td style="padding:10px 6px; color:#FF6B6B; text-align:center; font-weight:400;"><span style="color:#FF6B6B;">"尿变橙"/"胃疼"高频吐槽</span></td>
  1522. </tr><tr style="border-bottom:1px solid var(--border);">
  1523. <td style="padding:12px 6px; color:var(--text-2); text-align:left; font-weight:400;">综合</td><td style="padding:12px 6px; color:#4A8A3A; text-align:center; font-weight:700;">真差异化 · 真科学力</td><td style="padding:12px 6px; color:#FF6B6B; text-align:center; font-weight:700;">已被教育透 · 心智老化</td>
  1524. </tr>
  1525. </tbody>
  1526. </table>
  1527. </div>
  1528. </div>
  1529. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#4A8A3A08; border:1px solid #4A8A3A33; border-radius:var(--radius-md);">
  1530. <div class="text-mono text-xs" style="color:#4A8A3A; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">落地决策 · 科学力营销四条路径</div>
  1531. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  1532. <div style="display:flex; gap:10px; align-items:flex-start;">
  1533. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#4A8A3A; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">1</div>
  1534. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>科学力可视化</strong>:包装 + 详情页必须展示"总黄酮 98%"+ 临床研究摘录</div>
  1535. </div>
  1536. <div style="display:flex; gap:10px; align-items:flex-start;">
  1537. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#4A8A3A; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">2</div>
  1538. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>对比不贬低</strong>:展示 DMY 优势但不攻击水飞蓟(保留"你我不同"格调)</div>
  1539. </div>
  1540. <div style="display:flex; gap:10px; align-items:flex-start;">
  1541. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#4A8A3A; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">3</div>
  1542. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>国际背书倒灌</strong>:Amazon DMY 485 条好评 + "It actually works" 作种草素材</div>
  1543. </div>
  1544. <div style="display:flex; gap:10px; align-items:flex-start;">
  1545. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#4A8A3A; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">4</div>
  1546. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>三大机理可视化</strong>:酒精代谢 / 抗氧化 / GABA 三张<em>科学机理图</em></div>
  1547. </div>
  1548. </div>
  1549. </div>
  1550. </div>
  1551. </section>
  1552. <section class="report-section" id="dmy-3" data-tone="amber" data-slide-num="10/38">
  1553. <div class="section-inner">
  1554. <div class="section-head rise-in">
  1555. <div class="section-eyebrow" style="color:#FF6B6B;">2.3 · 反面对标</div>
  1556. <h2 class="text-h1"><span class="headline-anim"><span style="color:#FF6B6B;">水飞蓟"吸收差"</span>:国内外用户的三连吐槽</span></h2>
  1557. <p class="section-sub">水飞蓟是护肝赛道最"老"的主角——但<strong>"吸收差 / 副作用多 / 中文零认知"</strong>的 VOC 痛点正在集中爆发,这正是 DMY 的结构性机会。</p>
  1558. </div>
  1559. <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;">
  1560. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">THE BROKEN INCUMBENT · 既有王者的裂痕</div>
  1561. <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;">Amazon silymarin 差评 <strong style="color:#FF6B6B;">"Don't be fooled by the 7500 mg claim"</strong>(♥16)——用户已经开始怀疑<strong>剂量营销</strong>;XHS 水飞蓟真实用户 Zach 说 <strong style="color:#FF6B6B;">"效果寥寥 130 多的谷丙,医生建议我双环醇"</strong>——<strong>连医生都在建议换药</strong>。</div>
  1562. <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">更致命的是:<strong style="color:#FF6B6B;">"奶蓟草"在中文世界根本没有"护肝"心智</strong>——XHS 搜索结果 90% 都在讨论"苏格兰国花 / 止血小野花"。<strong>水飞蓟 = 中文市场认知空心城堡</strong>——DMY 可以直接建城。</div>
  1563. </div>
  1564. <div class="grid" style="grid-template-columns:1fr 1fr; gap:24px; margin-top:24px;">
  1565. <div>
  1566. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">VOC · 国内水飞蓟"效果寥寥"</div>
  1567. <div style="display:flex; flex-direction:column; gap:12px;">
  1568. <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;">
  1569. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  1570. <div style="display:flex; align-items:center; gap:6px;">
  1571. <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>
  1572. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">Zach</span>
  1573. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 水飞蓟</span>
  1574. </div>
  1575. <div style="display:flex; align-items:center; gap:6px;">
  1576. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  1577. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥11</span>
  1578. <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>
  1579. </div>
  1580. </div>
  1581. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"效果寥寥 130多的谷丙,吃完先增高再降低,实际效果跟双环醇比起来差远了,因人而异,我是吃完降得不多,我跟医生反馈,医生建议我双环醇,"</div>
  1582. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  1583. <span style="padding:2px 8px; background:#FF6B6B12; color:#FF6B6B; border-radius:3px; font-size:0.68rem; font-weight:600;">医生推荐</span>
  1584. </div>
  1585. </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;">
  1586. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  1587. <div style="display:flex; align-items:center; gap:6px;">
  1588. <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>
  1589. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">Zach</span>
  1590. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 水飞蓟</span>
  1591. </div>
  1592. <div style="display:flex; align-items:center; gap:6px;">
  1593. <span style="color:#FF8C42; font-size:0.7rem; font-weight:600;">◆ 矛盾</span>
  1594. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥4</span>
  1595. <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>
  1596. </div>
  1597. </div>
  1598. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"你吃了之后尿尿颜色会变吗?我吃了之后尿尿颜色变橙了我都不知道还吃不吃了"</div>
  1599. </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;">
  1600. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  1601. <div style="display:flex; align-items:center; gap:6px;">
  1602. <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>
  1603. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">Zach</span>
  1604. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 水飞蓟</span>
  1605. </div>
  1606. <div style="display:flex; align-items:center; gap:6px;">
  1607. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  1608. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥3</span>
  1609. <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>
  1610. </div>
  1611. </div>
  1612. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"吃了胃疼,这个是进口的吗"</div>
  1613. </div>
  1614. <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;">
  1615. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  1616. <div style="display:flex; align-items:center; gap:6px;">
  1617. <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>
  1618. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">家有三宝汁儿</span>
  1619. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 奶蓟草</span>
  1620. </div>
  1621. <div style="display:flex; align-items:center; gap:6px;">
  1622. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  1623. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥12</span>
  1624. <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>
  1625. </div>
  1626. </div>
  1627. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"我童年的小野花是山黧豆"</div>
  1628. </div>
  1629. </div>
  1630. </div>
  1631. <div>
  1632. <div class="text-mono text-xs" style="color:#8B2942; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">VOC · Amazon milk thistle/silymarin 差评</div>
  1633. <div style="display:flex; flex-direction:column; gap:12px;">
  1634. <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #8B2942; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  1635. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  1636. <div style="display:flex; align-items:center; gap:6px;">
  1637. <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#FF990022; color:#FF9900; font-size:0.62rem; font-weight:700;">Az</span>
  1638. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">Franklin A Graham</span>
  1639. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· silymarin</span>
  1640. </div>
  1641. <div style="display:flex; align-items:center; gap:6px;">
  1642. <span style="color:#FF6B6B; font-size:0.7rem; font-weight:600;">▼ 差评</span>
  1643. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">👍16</span>
  1644. <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>
  1645. </div>
  1646. </div>
  1647. <div style="display:flex; align-items:center; gap:4px; font-size:0.8rem;"><span style="color:#C8A04B">★</span><span style="color:var(--text-3)">★</span><span style="color:var(--text-3)">★</span><span style="color:var(--text-3)">★</span><span style="color:var(--text-3)">★</span><span style="margin-left:8px; padding:1px 6px; background:#2D9C5D18; color:#2D9C5D; border-radius:10px; font-size:0.62rem; font-family:var(--font-mono); font-weight:700;">已购</span></div>
  1648. <div style="color:#8B2942; font-size:0.82rem; font-weight:700; margin-bottom:2px;">Beware Read The Ingredients First</div>
  1649. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"I am giving this three stars. I warn anyone thinking of buying this product read the ingredient list. Why put carreenan, maltodextrin and artificial color in a product that is supposed to be healthy …"</div>
  1650. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  1651. <span style="padding:2px 8px; background:#8B294212; color:#8B2942; border-radius:3px; font-size:0.68rem; font-weight:600;">成分查询</span>
  1652. </div>
  1653. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #8B2942; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  1654. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  1655. <div style="display:flex; align-items:center; gap:6px;">
  1656. <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#FF990022; color:#FF9900; font-size:0.62rem; font-weight:700;">Az</span>
  1657. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">Entangled Э</span>
  1658. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· silymarin</span>
  1659. </div>
  1660. <div style="display:flex; align-items:center; gap:6px;">
  1661. <span style="color:#FF6B6B; font-size:0.7rem; font-weight:600;">▼ 差评</span>
  1662. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">👍7</span>
  1663. <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>
  1664. </div>
  1665. </div>
  1666. <div style="display:flex; align-items:center; gap:4px; font-size:0.8rem;"><span style="color:#C8A04B">★</span><span style="color:#C8A04B">★</span><span style="color:var(--text-3)">★</span><span style="color:var(--text-3)">★</span><span style="color:var(--text-3)">★</span><span style="margin-left:8px; padding:1px 6px; background:#2D9C5D18; color:#2D9C5D; border-radius:10px; font-size:0.62rem; font-family:var(--font-mono); font-weight:700;">已购</span></div>
  1667. <div style="color:#8B2942; font-size:0.82rem; font-weight:700; margin-bottom:2px;">Don’t be fooled by the 7500 mg claim - it‘s to deceive the customers!</div>
  1668. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"Don’t be fooled by the 7500 mg claim - it‘s to deceive the customers!It‘s essentially a marketing trick, even though it’s technically accurate.Here’s why: the label says “7500 mg Strength”, which mak…"</div>
  1669. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #8B2942; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  1670. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  1671. <div style="display:flex; align-items:center; gap:6px;">
  1672. <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#FF990022; color:#FF9900; font-size:0.62rem; font-weight:700;">Az</span>
  1673. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">pigpig</span>
  1674. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· milk thistle</span>
  1675. </div>
  1676. <div style="display:flex; align-items:center; gap:6px;">
  1677. <span style="color:#FF6B6B; font-size:0.7rem; font-weight:600;">▼ 差评</span>
  1678. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">👍3</span>
  1679. <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>
  1680. </div>
  1681. </div>
  1682. <div style="display:flex; align-items:center; gap:4px; font-size:0.8rem;"><span style="color:#C8A04B">★</span><span style="color:var(--text-3)">★</span><span style="color:var(--text-3)">★</span><span style="color:var(--text-3)">★</span><span style="color:var(--text-3)">★</span><span style="margin-left:8px; padding:1px 6px; background:#2D9C5D18; color:#2D9C5D; border-radius:10px; font-size:0.62rem; font-family:var(--font-mono); font-weight:700;">已购</span></div>
  1683. <div style="color:#8B2942; font-size:0.82rem; font-weight:700; margin-bottom:2px;">The piece count capsules is less than that it stated. Be Aware!</div>
  1684. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"I will not buy this brand again. The bottle said it has 60 capsules and the direction is 2 capsules per day and I found out there was always one capsule left behind before it’s empty. I thought I j…"</div>
  1685. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #8B2942; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  1686. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  1687. <div style="display:flex; align-items:center; gap:6px;">
  1688. <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#FF990022; color:#FF9900; font-size:0.62rem; font-weight:700;">Az</span>
  1689. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">Erbey</span>
  1690. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· milk thistle</span>
  1691. </div>
  1692. <div style="display:flex; align-items:center; gap:6px;">
  1693. <span style="color:#FF6B6B; font-size:0.7rem; font-weight:600;">▼ 差评</span>
  1694. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">👍2</span>
  1695. <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>
  1696. </div>
  1697. </div>
  1698. <div style="display:flex; align-items:center; gap:4px; font-size:0.8rem;"><span style="color:#C8A04B">★</span><span style="color:var(--text-3)">★</span><span style="color:var(--text-3)">★</span><span style="color:var(--text-3)">★</span><span style="color:var(--text-3)">★</span><span style="margin-left:8px; padding:1px 6px; background:#2D9C5D18; color:#2D9C5D; border-radius:10px; font-size:0.62rem; font-family:var(--font-mono); font-weight:700;">已购</span></div>
  1699. <div style="color:#8B2942; font-size:0.82rem; font-weight:700; margin-bottom:2px;">Opened bottle</div>
  1700. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"Bottle was delivered opened"</div>
  1701. </div>
  1702. </div>
  1703. </div>
  1704. </div>
  1705. <div class="fade-up" style="margin-top:28px;">
  1706. <div style="padding:20px 24px; background:#FF8C4208; border-left:3px solid #FF8C42; border-radius:6px;">
  1707. <div style="display:flex; align-items:center; gap:10px; margin-bottom:10px;">
  1708. <span style="font-size:1.4rem;">🔍</span>
  1709. <div style="color:#FF8C42; font-weight:700; font-size:0.96rem;">中文奶蓟草心智现状:完全空白</div>
  1710. </div>
  1711. <div style="color:var(--text-1); font-size:0.88rem; line-height:1.7;">在 XHS 搜索"<strong>奶蓟草</strong>"(水飞蓟中文别名),返回的笔记里——<br/>
  1712. <strong>♥12</strong> "我童年的小野花是山黧豆"·<strong>♥7</strong> "交作业"·<strong>♥6</strong> "蓟花,苏格兰国花"·<strong>♥6</strong> "大蓟,止血"<br/><br/>
  1713. <strong style="color:#FF6B6B;">90% 的内容在讨论植物学 / 花卉 / 儿时民俗</strong>,<strong style="color:#2D9C5D;">0 条笔记建立"护肝"连接</strong>。
  1714. 这意味着:"水飞蓟 = 护肝"这个国际主流认知<strong style="color:#D4A574;">在中文市场根本没落地</strong>——DMY 可以跳过这段教育代价,<strong>直接在"藤茶"文化锚点上建新心智</strong>。</div>
  1715. </div>
  1716. </div>
  1717. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#FF6B6B08; border:1px solid #FF6B6B33; border-radius:var(--radius-md);">
  1718. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">落地决策 · 水飞蓟对标策略四条</div>
  1719. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  1720. <div style="display:flex; gap:10px; align-items:flex-start;">
  1721. <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>
  1722. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>不攻击水飞蓟</strong>,但 DMY 内容要"天然回避"剂量话术(如 "7500 mg" 不提)</div>
  1723. </div>
  1724. <div style="display:flex; gap:10px; align-items:flex-start;">
  1725. <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>
  1726. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>锁定"吸收 + 体感"两大痛点</strong>——通过藤茶 DMY 的具象机理直接治愈</div>
  1727. </div>
  1728. <div style="display:flex; gap:10px; align-items:flex-start;">
  1729. <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>
  1730. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>中文市场特殊打法</strong>:不必重复"水飞蓟 = 护肝"这段教育,直接建 DMY/藤茶心智</div>
  1731. </div>
  1732. <div style="display:flex; gap:10px; align-items:flex-start;">
  1733. <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>
  1734. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>重要:不提"奶蓟草"</strong>——这是中文市场的认知废词,提了反而拉低格调</div>
  1735. </div>
  1736. </div>
  1737. </div>
  1738. </div>
  1739. </section>
  1740. <section class="report-section" id="dmy-4" data-tone="amber" data-slide-num="11/38">
  1741. <div class="section-inner">
  1742. <div class="section-head rise-in">
  1743. <div class="section-eyebrow" style="color:#D4A574;">2.4 · 心智锚点</div>
  1744. <h2 class="text-h1"><span class="headline-anim"><span style="color:#2D9C5D;">可迁移</span> × <span style="color:#FF6B6B;">必避陷阱</span>:DMY 心智锚点三锚固定</span></h2>
  1745. <p class="section-sub">基于前三节 VOC,归纳 DMY 心智建设的<strong>可迁移路径</strong>与<strong>必须避开的陷阱</strong>——锚定品牌诉求不跑偏。</p>
  1746. </div>
  1747. <div class="grid" style="grid-template-columns:1fr 1fr; gap:24px; margin-top:16px;">
  1748. <div>
  1749. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">✓ 可迁移 · 借势已有心智</div>
  1750. <div style="display:flex; flex-direction:column; gap:12px;">
  1751. <div style="padding:16px 18px; background:#2D9C5D0A; border:1px solid #2D9C5D33; border-radius:8px;">
  1752. <div style="color:#2D9C5D; font-weight:700; margin-bottom:6px; font-size:0.96rem;">① 江中品牌资产</div>
  1753. <div style="color:var(--text-1); font-size:0.88rem; line-height:1.7;">江中品牌 = 国民级 OTC 信任(猴姑米稀 7.5 亿、江中牌健胃消食片)<br/>→ 直接迁移"官方 + 品质 + OTC 规范"三合一资产</div>
  1754. </div>
  1755. <div style="padding:16px 18px; background:#2D9C5D0A; border:1px solid #2D9C5D33; border-radius:8px;">
  1756. <div style="color:#2D9C5D; font-weight:700; margin-bottom:6px; font-size:0.96rem;">② 张家界藤茶 GI 地理标识</div>
  1757. <div style="color:var(--text-1); font-size:0.88rem; line-height:1.7;">张家界莓茶已形成"野生草本 / 微苦回甘 / 降糖养生"等正向认知<br/>→ 直接迁移为"肝纯片 = 张家界藤茶 × 江中品牌"</div>
  1758. </div>
  1759. <div style="padding:16px 18px; background:#2D9C5D0A; border:1px solid #2D9C5D33; border-radius:8px;">
  1760. <div style="color:#2D9C5D; font-weight:700; margin-bottom:6px; font-size:0.96rem;">③ 国际 DMY 认知</div>
  1761. <div style="color:var(--text-1); font-size:0.88rem; line-height:1.7;">Amazon DMY 485+ 好评 + "It actually works" 已验证<br/>→ 海外背书倒灌国内 · 跨境小 KOL 原声内容复用</div>
  1762. </div>
  1763. <div style="padding:16px 18px; background:#2D9C5D0A; border:1px solid #2D9C5D33; border-radius:8px;">
  1764. <div style="color:#2D9C5D; font-weight:700; margin-bottom:6px; font-size:0.96rem;">④ 东方养生审美</div>
  1765. <div style="color:var(--text-1); font-size:0.88rem; line-height:1.7;">雷竞/青梅/三叶草/藤蔓植物视觉已在食养赛道成为共识<br/>→ 直接迁移"东方草本 × 植物科技"视觉语言</div>
  1766. </div>
  1767. </div>
  1768. </div>
  1769. <div>
  1770. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">✗ 必避陷阱 · 前人翻车点</div>
  1771. <div style="display:flex; flex-direction:column; gap:12px;">
  1772. <div style="padding:16px 18px; background:#FF6B6B0A; border:1px solid #FF6B6B33; border-radius:8px;">
  1773. <div style="color:#FF6B6B; font-weight:700; margin-bottom:6px; font-size:0.96rem;">① 不做"硬广洗脑"</div>
  1774. <div style="color:var(--text-1); font-size:0.88rem; line-height:1.7;">海王金樽"老哒广告做得杠杠的"警示犹在目<br/>→ 拒绝"永远的神"式口号复读·走原生场景</div>
  1775. </div>
  1776. <div style="padding:16px 18px; background:#FF6B6B0A; border:1px solid #FF6B6B33; border-radius:8px;">
  1777. <div style="color:#FF6B6B; font-weight:700; margin-bottom:6px; font-size:0.96rem;">② 不打"剂量数字战"</div>
  1778. <div style="color:var(--text-1); font-size:0.88rem; line-height:1.7;">Amazon silymarin "7500 mg" 被 ♥16 吐槽"deceive customers"<br/>→ 避免"XX 毫克 / XX 倍"夸张剂量话术</div>
  1779. </div>
  1780. <div style="padding:16px 18px; background:#FF6B6B0A; border:1px solid #FF6B6B33; border-radius:8px;">
  1781. <div style="color:#FF6B6B; font-weight:700; margin-bottom:6px; font-size:0.96rem;">③ 不宣称"治疗"</div>
  1782. <div style="color:var(--text-1); font-size:0.88rem; line-height:1.7;">XHS 医生声音"肝损不可逆,去医院找肝病科"(♥42)<br/>→ OTC 保健品定位·不与处方药越界竞争</div>
  1783. </div>
  1784. <div style="padding:16px 18px; background:#FF6B6B0A; border:1px solid #FF6B6B33; border-radius:8px;">
  1785. <div style="color:#FF6B6B; font-weight:700; margin-bottom:6px; font-size:0.96rem;">④ 不用"奶蓟草"老词</div>
  1786. <div style="color:var(--text-1); font-size:0.88rem; line-height:1.7;">中文奶蓟草 = 儿时野花心智(♥12),护肝零认知<br/>→ 只讲"藤茶 DMY"·跳过水飞蓟教育代价</div>
  1787. </div>
  1788. </div>
  1789. </div>
  1790. </div>
  1791. <div class="fade-up" style="margin-top:28px;">
  1792. <div class="rise-in" style="padding:28px 32px; background:linear-gradient(135deg, #D4A57412, #D4A57404); border-left:4px solid #D4A574; border-radius:var(--radius-md); margin-bottom:32px;">
  1793. <div class="text-mono text-xs" style="color:#D4A574; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">ANCHOR STACK · 三锚固定</div>
  1794. <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;"><strong>DMY 心智 = 张家界藤茶(地理锚)× 千年食饮(文化锚)× 江中品牌(信任锚)</strong>。三锚同时发力,任何一个广告话术都不能偏离这三锚。</div>
  1795. <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">下一章节 Ch3 将在 <strong>5 竞品 × 3 平台</strong> 的 VOC 版图里定位肝纯片的<strong style="color:#FF4D8D;">无人地带坐标</strong>——三锚是定位坐标的原点。</div>
  1796. </div>
  1797. </div>
  1798. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#D4A57408; border:1px solid #D4A57433; border-radius:var(--radius-md);">
  1799. <div class="text-mono text-xs" style="color:#D4A574; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">落地决策 · 三锚落地与执行审计</div>
  1800. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  1801. <div style="display:flex; gap:10px; align-items:flex-start;">
  1802. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#D4A574; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">1</div>
  1803. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>三锚定位图</strong>:包装正面同时呈现"张家界藤茶 · 千年食饮 · 江中品牌"</div>
  1804. </div>
  1805. <div style="display:flex; gap:10px; align-items:flex-start;">
  1806. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#D4A574; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">2</div>
  1807. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>话术纪律</strong>:所有宣传一张表审计,违反"四必避"即刻换稿</div>
  1808. </div>
  1809. <div style="display:flex; gap:10px; align-items:flex-start;">
  1810. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#D4A574; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">3</div>
  1811. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>跨平台一致</strong>:XHS 种草 / 抖音短剧 / Amazon 跨境 = 同三锚不同表达</div>
  1812. </div>
  1813. <div style="display:flex; gap:10px; align-items:flex-start;">
  1814. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#D4A574; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">4</div>
  1815. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>假设成立判定</strong>:H1 认知空白 ✓ / H2 不走海王金樽路径 ✓ / H3 规避副作用 ✓</div>
  1816. </div>
  1817. </div>
  1818. </div>
  1819. </div>
  1820. </section>
  1821. <section class="report-section" id="market" data-tone="blue" data-slide-num="12/38" style="justify-content:center;">
  1822. <div class="section-inner">
  1823. <div class="rise-in" style="text-align:center; margin-bottom:40px;">
  1824. <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;">03</div>
  1825. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.3em; margin-top:-2rem; font-weight:700;">CHAPTER 3 · LIVER MARKET VOC</div>
  1826. </div>
  1827. <div class="rise-in" style="text-align:center; margin-bottom:36px;">
  1828. <div style="font-size:3.2rem; margin-bottom:14px;">💊</div>
  1829. <h2 class="text-poster" style="font-size:clamp(2.4rem, 5.2vw, 4.2rem); color:var(--text-1); letter-spacing:-0.025em;">护肝市场 VOC 全景</h2>
  1830. <p style="color:#0085CA; font-family:var(--font-mono); font-size:0.92rem; letter-spacing:0.18em; margin-top:12px; font-weight:600;">LIVER MARKET VOC</p>
  1831. </div>
  1832. <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);">
  1833. <p style="color:var(--text-1); font-size:1.08rem; line-height:1.82;">护肝保健赛道 <strong style="color:#0085CA;">~50 亿</strong>(Swisse + 汤臣倍健 + 葵花 + 片仔癀 + 新锐国产) + OTC 胃肝药 <strong style="color:#0085CA;">~100 亿</strong>(易善复 + 水飞蓟片 + 熊胆粉)。每一块都有明确的 VOC 痛点:Swisse 的<strong style="color:#FF6B6B;">"价格贵+吸收差"</strong>、易善复的<strong style="color:#FF6B6B;">"医嘱依赖+不能长期"</strong>、葵花/片仔癀的<strong style="color:#FF6B6B;">"药味+保守形象"</strong>、海王金樽的<strong style="color:#FF6B6B;">"广告+体感弱"</strong>。用户在 XHS/Amazon 的真实声音勾勒出四象限空白——那就是肝纯片的机会地图。</p>
  1834. </div>
  1835. <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;">
  1836. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #0085CA22; border-radius:var(--radius-sm); text-align:center;">
  1837. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">3.1</div>
  1838. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">50 亿保健护肝·品类地图</div>
  1839. </div>
  1840. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #0085CA22; border-radius:var(--radius-sm); text-align:center;">
  1841. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">3.2</div>
  1842. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">五大竞品心智·Swisse/易善复/葵花/片仔癀/海王金樽</div>
  1843. </div>
  1844. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #0085CA22; border-radius:var(--radius-sm); text-align:center;">
  1845. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">3.3</div>
  1846. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">人群声量·脂肪肝×熬夜×应酬</div>
  1847. </div>
  1848. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #0085CA22; border-radius:var(--radius-sm); text-align:center;">
  1849. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">3.4</div>
  1850. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">未满足需求·四象限空白地带</div>
  1851. </div>
  1852. </div>
  1853. <div class="fade-up" style="margin-top:48px; text-align:center;">
  1854. <div class="text-mono text-xs" style="color:var(--text-3); letter-spacing:0.3em;">SCROLL DOWN · 4 个子章 · VOC 实证 × 理论 × 决策</div>
  1855. </div>
  1856. </div>
  1857. </section>
  1858. <section class="report-section" id="market-1" data-tone="blue" data-slide-num="13/38">
  1859. <div class="section-inner">
  1860. <div class="section-head rise-in">
  1861. <div class="section-eyebrow" style="color:#0085CA;">3.1 · 品类地图</div>
  1862. <h2 class="text-h1"><span class="headline-anim"><span style="color:#0085CA;">250 亿</span> 护肝相关赛道·VOC 情绪分布全景</span></h2>
  1863. <p class="section-sub">不看传统品类报告的"行业结构",而是从 <strong>4719 条真实 VOC</strong> 里看<strong>用户的情感分布</strong>——哪块最响、哪块最冷,机会就在那里。</p>
  1864. </div>
  1865. <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);">
  1866. <div style="text-align:center;">
  1867. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#0085CA; letter-spacing:-0.02em;">250亿</div>
  1868. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">护肝相关总盘</div>
  1869. </div>
  1870. <div style="text-align:center;">
  1871. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#0085CA; letter-spacing:-0.02em;">40%</div>
  1872. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">OTC 处方药占比</div>
  1873. </div>
  1874. <div style="text-align:center;">
  1875. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#D4A574; letter-spacing:-0.02em;">4719</div>
  1876. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">VOC 样本</div>
  1877. </div>
  1878. <div style="text-align:center;">
  1879. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#FF4D8D; letter-spacing:-0.02em;">18</div>
  1880. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">核心竞品数</div>
  1881. </div>
  1882. <div style="text-align:center;">
  1883. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#2D9C5D; letter-spacing:-0.02em;">3</div>
  1884. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">无人地带象限</div>
  1885. </div>
  1886. </div>
  1887. <div class="grid" style="grid-template-columns:1.4fr 1fr; gap:24px; margin-top:24px;">
  1888. <div>
  1889. <div style="padding:18px 22px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md);">
  1890. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.15em; margin-bottom:12px; font-weight:700;">护肝相关赛道 · 250 亿品类切片(近似估算)</div>
  1891. <svg viewBox="0 0 900 260" style="width:100%; height:auto; max-height:300px;" preserveAspectRatio="xMidYMid meet">
  1892. <text x="150" y="35" text-anchor="end" font-size="13" font-weight="600" fill="var(--text-1, #333)">OTC 胃肝处方药(易善复/双环醇/水飞蓟宾胶囊)</text>
  1893. <rect x="160" y="16" width="660" height="28" rx="4" fill="#0085CA" opacity="0.85"/>
  1894. <text x="828" y="35" font-size="13" font-weight="700" fill="#0085CA" font-family="monospace">100 亿 · 40%</text>
  1895. <text x="150" y="73" text-anchor="end" font-size="13" font-weight="600" fill="var(--text-1, #333)">进口 / 跨境保健品(Swisse / Kirkland / LM)</text>
  1896. <rect x="160" y="54" width="230.99999999999997" height="28" rx="4" fill="#8B5CF6" opacity="0.85"/>
  1897. <text x="399" y="73" font-size="13" font-weight="700" fill="#8B5CF6" font-family="monospace">35 亿 · 14%</text>
  1898. <text x="150" y="111" text-anchor="end" font-size="13" font-weight="600" fill="var(--text-1, #333)">国产大牌保健品(汤臣倍健 / 葵花)</text>
  1899. <rect x="160" y="92" width="264" height="28" rx="4" fill="#D4A574" opacity="0.85"/>
  1900. <text x="432" y="111" font-size="13" font-weight="700" fill="#D4A574" font-family="monospace">40 亿 · 16%</text>
  1901. <text x="150" y="149" text-anchor="end" font-size="13" font-weight="600" fill="var(--text-1, #333)">中药护肝(片仔癀 / 熊胆粉 / 五味子)</text>
  1902. <rect x="160" y="130" width="198" height="28" rx="4" fill="#87A96B" opacity="0.85"/>
  1903. <text x="366" y="149" font-size="13" font-weight="700" fill="#87A96B" font-family="monospace">30 亿 · 12%</text>
  1904. <text x="150" y="187" text-anchor="end" font-size="13" font-weight="600" fill="var(--text-1, #333)">解酒专项(海王金樽 / RU21 / 宿醒)</text>
  1905. <rect x="160" y="168" width="165" height="28" rx="4" fill="#8B2942" opacity="0.85"/>
  1906. <text x="333" y="187" font-size="13" font-weight="700" fill="#8B2942" font-family="monospace">25 亿 · 10%</text>
  1907. <text x="150" y="225" text-anchor="end" font-size="13" font-weight="600" fill="var(--text-1, #333)">食补 / 茶饮(五指毛桃 / 莓茶 / 青梗梅)</text>
  1908. <rect x="160" y="206" width="132" height="28" rx="4" fill="#4A8A3A" opacity="0.85"/>
  1909. <text x="300" y="225" font-size="13" font-weight="700" fill="#4A8A3A" font-family="monospace">20 亿 · 8%</text>
  1910. </svg>
  1911. </div>
  1912. <div style="margin-top:18px; padding:16px 20px; background:#D4A57408; border-left:3px solid #D4A574; border-radius:4px;">
  1913. <div class="text-mono text-xs" style="color:#D4A574; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">CROSS-CATEGORY INSIGHT · 跨品类洞察</div>
  1914. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.72;">
  1915. 肝纯片不是在单一赛道内竞争——它是在<strong>OTC 处方药(下沉)× 进口保健(上探)× 食补文化(横切)</strong> 三块市场之间<strong style="color:#2D9C5D;">重新定义一个新品类</strong>。
  1916. VOC 证据显示用户最痛点集中在"OTC 药副作用 / 进口贵且吸收差 / 食补不方便"三个缺口——<strong>正是肝纯片的机会</strong>。
  1917. </div>
  1918. </div>
  1919. </div>
  1920. <div>
  1921. <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);">
  1922. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.2em; margin-bottom:12px; font-weight:700;">THEORY · VOC 情感浓度 · 各品类的用户痛感</div>
  1923. <div style="color:var(--text-1); font-size:0.95rem; line-height:1.72;">
  1924. <div style="display:flex; flex-direction:column; gap:10px; font-size:0.88rem;">
  1925. <div style="padding:10px 12px; background:#0085CA0C; border-left:3px solid #0085CA; border-radius:4px;">
  1926. <div style="color:#0085CA; font-weight:700;">OTC 处方药 · 40%</div>
  1927. <div style="color:var(--text-2); font-size:0.84rem;">痛点:医嘱依赖 / 不能长期 / 有副作用</div>
  1928. </div>
  1929. <div style="padding:10px 12px; background:#8B5CF60C; border-left:3px solid #8B5CF6; border-radius:4px;">
  1930. <div style="color:#8B5CF6; font-weight:700;">进口保健 · 14%</div>
  1931. <div style="color:var(--text-2); font-size:0.84rem;">痛点:价格贵 / 吸收差 / 剂量夸张</div>
  1932. </div>
  1933. <div style="padding:10px 12px; background:#D4A5740C; border-left:3px solid #D4A574; border-radius:4px;">
  1934. <div style="color:#D4A574; font-weight:700;">国产大牌 · 16%</div>
  1935. <div style="color:var(--text-2); font-size:0.84rem;">痛点:同质化 / 送礼缺乏 / 缺差异化</div>
  1936. </div>
  1937. <div style="padding:10px 12px; background:#87A96B0C; border-left:3px solid #87A96B; border-radius:4px;">
  1938. <div style="color:#87A96B; font-weight:700;">中药护肝 · 12%</div>
  1939. <div style="color:var(--text-2); font-size:0.84rem;">痛点:"那个味太上头了"(♥55)/ 保守形象</div>
  1940. </div>
  1941. <div style="padding:10px 12px; background:#8B29420C; border-left:3px solid #8B2942; border-radius:4px;">
  1942. <div style="color:#8B2942; font-weight:700;">解酒专项 · 10%</div>
  1943. <div style="color:var(--text-2); font-size:0.84rem;">痛点:海王金樽硬广透支 / 用户自发找土办法</div>
  1944. </div>
  1945. <div style="padding:10px 12px; background:#4A8A3A0C; border-left:3px solid #4A8A3A; border-radius:4px;">
  1946. <div style="color:#4A8A3A; font-weight:700;">食补 / 茶饮 · 8%</div>
  1947. <div style="color:var(--text-2); font-size:0.84rem;">机会:藤茶 / 莓茶 已有地理心智,<strong>可被升级为品牌</strong></div>
  1948. </div>
  1949. </div>
  1950. </div>
  1951. </div>
  1952. </div>
  1953. </div>
  1954. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#0085CA08; border:1px solid #0085CA33; border-radius:var(--radius-md);">
  1955. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">落地决策 · 250 亿市场切入路径</div>
  1956. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  1957. <div style="display:flex; gap:10px; align-items:flex-start;">
  1958. <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>
  1959. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>品类定位:跨 3 块市场的"新品类"</strong>——不做 OTC 也不是纯保健,是"日常护肝养饮"</div>
  1960. </div>
  1961. <div style="display:flex; gap:10px; align-items:flex-start;">
  1962. <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>
  1963. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>首战:食补茶饮升级赛道</strong>(机会最小但切口最窄 · 可做大)</div>
  1964. </div>
  1965. <div style="display:flex; gap:10px; align-items:flex-start;">
  1966. <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>
  1967. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>次战:进口保健替代</strong>(价格降 20-30% + 吸收更好)</div>
  1968. </div>
  1969. <div style="display:flex; gap:10px; align-items:flex-start;">
  1970. <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>
  1971. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>第三战:OTC 边缘市场</strong>(应酬 / 熬夜场景的"日常养护")</div>
  1972. </div>
  1973. </div>
  1974. </div>
  1975. </div>
  1976. </section>
  1977. <section class="report-section" id="market-2" data-tone="blue" data-slide-num="14/38">
  1978. <div class="section-inner">
  1979. <div class="section-head rise-in">
  1980. <div class="section-eyebrow" style="color:#FF4D8D;">3.2 · 六大竞品心智</div>
  1981. <h2 class="text-h1"><span class="headline-anim"><span style="color:#FF4D8D;">6 大竞品</span> 逐一拆解:VOC 差评 = 肝纯片的切入点</span></h2>
  1982. <p class="section-sub">每个竞品都有自己的<strong style="color:#FF4D8D;">"致命缺陷"</strong>——把它们打包成机会地图,肝纯片的定位就浮现了。</p>
  1983. </div>
  1984. <div class="grid" style="grid-template-columns:1fr; gap:18px; margin-top:20px;">
  1985. <div style="padding:20px 24px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #8B5CF6; border-radius:var(--radius-md);">
  1986. <div style="display:grid; grid-template-columns:220px 1fr 1.1fr; gap:20px; align-items:start;">
  1987. <div>
  1988. <div style="display:inline-block; padding:3px 10px; background:#8B5CF615; color:#8B5CF6; border-radius:12px; font-size:0.7rem; font-weight:700; font-family:var(--font-mono); letter-spacing:0.1em; margin-bottom:6px;">进口高端</div>
  1989. <div style="color:var(--text-1); font-weight:800; font-size:1.2rem; margin-bottom:10px;">Swisse 护肝片</div>
  1990. <div style="display:flex; flex-direction:column; gap:8px; font-size:0.82rem;">
  1991. <div style="color:#2D9C5D;"><strong>✓ Pros:</strong> <span style="color:var(--text-2);">品牌调性 × 小红书心智 × 进口背书</span></div>
  1992. <div style="color:#FF6B6B;"><strong>✗ Cons:</strong> <span style="color:var(--text-2);">"不会真有人相信有可以随意熬夜喝酒的药" ♥43 · 价格贵 · "吃了转氨酶从正常到异常" ♥37</span></div>
  1993. </div>
  1994. </div>
  1995. <div>
  1996. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">VOC 真实声音</div>
  1997. <div style="display:flex; flex-direction:column; gap:8px;">
  1998. <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;">
  1999. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  2000. <div style="display:flex; align-items:center; gap:6px;">
  2001. <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>
  2002. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">pepi</span>
  2003. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· swisse护肝片</span>
  2004. </div>
  2005. <div style="display:flex; align-items:center; gap:6px;">
  2006. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  2007. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥33</span>
  2008. <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>
  2009. </div>
  2010. </div>
  2011. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"姐妹,我想要养肝护肝,增强肝脏代谢买哪一款啊?最近吃了一款药会伤害肝,所以吃完药我想吃护肝片。"</div>
  2012. </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;">
  2013. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  2014. <div style="display:flex; align-items:center; gap:6px;">
  2015. <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>
  2016. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">xxx</span>
  2017. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· swisse护肝片</span>
  2018. </div>
  2019. <div style="display:flex; align-items:center; gap:6px;">
  2020. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  2021. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥11</span>
  2022. <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>
  2023. </div>
  2024. </div>
  2025. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"护肝片大部分都是对损伤的肝有保护作用,水飞蓟也需要肝去代谢,护肝片还是少搞,医生开的还好,尽量别自己乱买"</div>
  2026. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  2027. <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>
  2028. </div>
  2029. </div>
  2030. </div>
  2031. </div>
  2032. <div>
  2033. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">肝纯片差异化切入</div>
  2034. <div style="padding:14px 16px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:6px; color:var(--text-1); font-size:0.86rem; line-height:1.7;">
  2035. 用<strong>东方草本 + 千年食饮</strong>替代"进口神话"<br/>用<strong>国人代谢更适</strong>打败"吸收差"<br/>用<strong>¥298 vs Swisse ¥400+</strong> 的价格带位
  2036. </div>
  2037. </div>
  2038. </div>
  2039. </div>
  2040. <div style="padding:20px 24px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #0085CA; border-radius:var(--radius-md);">
  2041. <div style="display:grid; grid-template-columns:220px 1fr 1.1fr; gap:20px; align-items:start;">
  2042. <div>
  2043. <div style="display:inline-block; padding:3px 10px; background:#0085CA15; color:#0085CA; border-radius:12px; font-size:0.7rem; font-weight:700; font-family:var(--font-mono); letter-spacing:0.1em; margin-bottom:6px;">OTC 处方药</div>
  2044. <div style="color:var(--text-1); font-weight:800; font-size:1.2rem; margin-bottom:10px;">易善复</div>
  2045. <div style="display:flex; flex-direction:column; gap:8px; font-size:0.82rem;">
  2046. <div style="color:#2D9C5D;"><strong>✓ Pros:</strong> <span style="color:var(--text-2);">医生开方 · 转氨酶降速快("3 天 100 到 35" ♥40)</span></div>
  2047. <div style="color:#FF6B6B;"><strong>✗ Cons:</strong> <span style="color:var(--text-2);">必须医嘱 · "入职体检查没道理" ♥27 · 不日常 · 停药反弹担忧</span></div>
  2048. </div>
  2049. </div>
  2050. <div>
  2051. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">VOC 真实声音</div>
  2052. <div style="display:flex; flex-direction:column; gap:8px;">
  2053. <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;">
  2054. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  2055. <div style="display:flex; align-items:center; gap:6px;">
  2056. <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>
  2057. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">Prielom</span>
  2058. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 易善复</span>
  2059. </div>
  2060. <div style="display:flex; align-items:center; gap:6px;">
  2061. <span style="color:#2D9C5D; font-size:0.7rem; font-weight:600;">▲ 好评</span>
  2062. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥9</span>
  2063. <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>
  2064. </div>
  2065. </div>
  2066. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"先输液三天 同时按照博主的配方吃了三天 易善复一次2粒,联苯双酯滴丸5粒,双环醇片一次1粒。第四天早上查肝功能 谷丙159降到了149 谷草69升到了72 谷氨酰基转移酶51升到了64
  2067. 请问我这种情况需要增加药量吗 没按博主的剂量吃 吃的是说明书的推荐用量 目前开了五天的输液 感觉有点慢 体检还有一周"</div>
  2068. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  2069. <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>
  2070. </div>
  2071. </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;">
  2072. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  2073. <div style="display:flex; align-items:center; gap:6px;">
  2074. <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>
  2075. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">Prielom</span>
  2076. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 易善复</span>
  2077. </div>
  2078. <div style="display:flex; align-items:center; gap:6px;">
  2079. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  2080. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥27</span>
  2081. <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>
  2082. </div>
  2083. </div>
  2084. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"轻度脂肪肝这个指标就容易高,入职体检查这个也是没道理啊!什么鬼公司"</div>
  2085. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  2086. <span style="padding:2px 8px; background:#0085CA12; color:#0085CA; border-radius:3px; font-size:0.68rem; font-weight:600;">脂肪肝</span>
  2087. </div>
  2088. </div>
  2089. </div>
  2090. </div>
  2091. <div>
  2092. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">肝纯片差异化切入</div>
  2093. <div style="padding:14px 16px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:6px; color:var(--text-1); font-size:0.86rem; line-height:1.7;">
  2094. 用 <strong>OTC 保健 + 日常养护</strong>绕开"医嘱处方"<br/>用<strong>"不用等体检异常再吃"</strong>抢占预防市场<br/>用<strong>DMY 抗氧化</strong>填补"只管磷脂胆碱"的机理空白
  2095. </div>
  2096. </div>
  2097. </div>
  2098. </div>
  2099. <div style="padding:20px 24px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #87A96B; border-radius:var(--radius-md);">
  2100. <div style="display:grid; grid-template-columns:220px 1fr 1.1fr; gap:20px; align-items:start;">
  2101. <div>
  2102. <div style="display:inline-block; padding:3px 10px; background:#87A96B15; color:#87A96B; border-radius:12px; font-size:0.7rem; font-weight:700; font-family:var(--font-mono); letter-spacing:0.1em; margin-bottom:6px;">国产中成药</div>
  2103. <div style="color:var(--text-1); font-weight:800; font-size:1.2rem; margin-bottom:10px;">葵花护肝片</div>
  2104. <div style="display:flex; flex-direction:column; gap:8px; font-size:0.82rem;">
  2105. <div style="color:#2D9C5D;"><strong>✓ Pros:</strong> <span style="color:var(--text-2);">便宜 · 药店普及 · 中成药备案</span></div>
  2106. <div style="color:#FF6B6B;"><strong>✗ Cons:</strong> <span style="color:var(--text-2);">"这药能天天吃吗" ♥19 · "长期吃拉肚子" ♥15 · 副作用担忧 · 保守形象</span></div>
  2107. </div>
  2108. </div>
  2109. <div>
  2110. <div class="text-mono text-xs" style="color:#87A96B; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">VOC 真实声音</div>
  2111. <div style="display:flex; flex-direction:column; gap:8px;">
  2112. <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #87A96B; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  2113. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  2114. <div style="display:flex; align-items:center; gap:6px;">
  2115. <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>
  2116. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">晚秋</span>
  2117. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 葵花护肝片</span>
  2118. </div>
  2119. <div style="display:flex; align-items:center; gap:6px;">
  2120. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  2121. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥6</span>
  2122. <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>
  2123. </div>
  2124. </div>
  2125. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"最好别吃,会肾亏[捂脸R][捂脸R][捂脸R]"</div>
  2126. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #87A96B; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  2127. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  2128. <div style="display:flex; align-items:center; gap:6px;">
  2129. <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>
  2130. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">Rx.</span>
  2131. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 葵花护肝片</span>
  2132. </div>
  2133. <div style="display:flex; align-items:center; gap:6px;">
  2134. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  2135. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥8</span>
  2136. <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>
  2137. </div>
  2138. </div>
  2139. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"吃了头晕,浑身发软想睡觉是正常的吗?这会早上吃了药刚晕完,吃中午吃了又开始晕了[捂脸R]"</div>
  2140. </div>
  2141. </div>
  2142. </div>
  2143. <div>
  2144. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">肝纯片差异化切入</div>
  2145. <div style="padding:14px 16px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:6px; color:var(--text-1); font-size:0.86rem; line-height:1.7;">
  2146. 用<strong>更温和的食品级 DMY</strong>消除"天天吃安全吗"的担忧<br/>用<strong>现代包装 × 品牌升级</strong>摆脱"老一辈药盒"<br/>用<strong>应酬解酒场景</strong>对抗"肝损伤复方药"的保守形象
  2147. </div>
  2148. </div>
  2149. </div>
  2150. </div>
  2151. <div style="padding:20px 24px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #B87333; border-radius:var(--radius-md);">
  2152. <div style="display:grid; grid-template-columns:220px 1fr 1.1fr; gap:20px; align-items:start;">
  2153. <div>
  2154. <div style="display:inline-block; padding:3px 10px; background:#B8733315; color:#B87333; border-radius:12px; font-size:0.7rem; font-weight:700; font-family:var(--font-mono); letter-spacing:0.1em; margin-bottom:6px;">高端中药</div>
  2155. <div style="color:var(--text-1); font-weight:800; font-size:1.2rem; margin-bottom:10px;">片仔癀 护肝</div>
  2156. <div style="display:flex; flex-direction:column; gap:8px; font-size:0.82rem;">
  2157. <div style="color:#2D9C5D;"><strong>✓ Pros:</strong> <span style="color:var(--text-2);">国礼级底蕴 · "重度吃到轻度" ♥23 确有疗效</span></div>
  2158. <div style="color:#FF6B6B;"><strong>✗ Cons:</strong> <span style="color:var(--text-2);">"那个味太上头了 泡水喝的都是勇士" ♥55 · 价格贵 · 口感壁垒</span></div>
  2159. </div>
  2160. </div>
  2161. <div>
  2162. <div class="text-mono text-xs" style="color:#B87333; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">VOC 真实声音</div>
  2163. <div style="display:flex; flex-direction:column; gap:8px;">
  2164. <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #B87333; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  2165. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  2166. <div style="display:flex; align-items:center; gap:6px;">
  2167. <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>
  2168. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">Max0829</span>
  2169. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 片仔癀护肝</span>
  2170. </div>
  2171. <div style="display:flex; align-items:center; gap:6px;">
  2172. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  2173. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥4</span>
  2174. <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>
  2175. </div>
  2176. </div>
  2177. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"这么说吧。我长火疖子的时候吃,肝火旺,我觉得没有任何效果吃了。"</div>
  2178. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #B87333; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  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;">糊辣汤</span>
  2183. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 片仔癀护肝</span>
  2184. </div>
  2185. <div style="display:flex; align-items:center; gap:6px;">
  2186. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  2187. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥6</span>
  2188. <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>
  2189. </div>
  2190. </div>
  2191. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"天哪!!!我上次是每天吃一颗,连着6天吃完一排[笑哭R]"</div>
  2192. </div>
  2193. </div>
  2194. </div>
  2195. <div>
  2196. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">肝纯片差异化切入</div>
  2197. <div style="padding:14px 16px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:6px; color:var(--text-1); font-size:0.86rem; line-height:1.7;">
  2198. 用<strong>胶囊 / 片剂好吞服</strong>解决"泡水喝的都是勇士"的口感痛点<br/>用<strong>¥298 vs 片仔癀 ¥500+</strong>的亲民高端定位<br/>用<strong>可日常服用</strong>对抗"偶尔才吃一次"的使用壁垒
  2199. </div>
  2200. </div>
  2201. </div>
  2202. </div>
  2203. <div style="padding:20px 24px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #8B2942; border-radius:var(--radius-md);">
  2204. <div style="display:grid; grid-template-columns:220px 1fr 1.1fr; gap:20px; align-items:start;">
  2205. <div>
  2206. <div style="display:inline-block; padding:3px 10px; background:#8B294215; color:#8B2942; border-radius:12px; font-size:0.7rem; font-weight:700; font-family:var(--font-mono); letter-spacing:0.1em; margin-bottom:6px;">解酒专项</div>
  2207. <div style="color:var(--text-1); font-weight:800; font-size:1.2rem; margin-bottom:10px;">海王金樽</div>
  2208. <div style="display:flex; flex-direction:column; gap:8px; font-size:0.82rem;">
  2209. <div style="color:#2D9C5D;"><strong>✓ Pros:</strong> <span style="color:var(--text-2);">先发品类代表 · 知名度高</span></div>
  2210. <div style="color:#FF6B6B;"><strong>✗ Cons:</strong> <span style="color:var(--text-2);">"老哒广告杠杠的" ♥40 · 用户倒退回电解质水土办法 ♥366</span></div>
  2211. </div>
  2212. </div>
  2213. <div>
  2214. <div class="text-mono text-xs" style="color:#8B2942; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">VOC 真实声音</div>
  2215. <div style="display:flex; flex-direction:column; gap:8px;">
  2216. <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #8B2942; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  2217. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  2218. <div style="display:flex; align-items:center; gap:6px;">
  2219. <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>
  2220. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">微醺的圣女果</span>
  2221. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 海王金樽</span>
  2222. </div>
  2223. <div style="display:flex; align-items:center; gap:6px;">
  2224. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  2225. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥366</span>
  2226. <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>
  2227. </div>
  2228. </div>
  2229. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"电解质水➕水溶c100 都要冰的 一起喝下去 5分钟马上不难受 相信我 亲测,不好使回来打我"</div>
  2230. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #8B2942; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  2231. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  2232. <div style="display:flex; align-items:center; gap:6px;">
  2233. <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>
  2234. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">微醺的圣女果</span>
  2235. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 海王金樽</span>
  2236. </div>
  2237. <div style="display:flex; align-items:center; gap:6px;">
  2238. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  2239. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥67</span>
  2240. <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>
  2241. </div>
  2242. </div>
  2243. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"此时此刻的我 真的很需要邪修快速的解酒方法 太特喵难受了"</div>
  2244. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  2245. <span style="padding:2px 8px; background:#8B294212; color:#8B2942; border-radius:3px; font-size:0.68rem; font-weight:600;">应酬解酒</span>
  2246. </div>
  2247. </div>
  2248. </div>
  2249. </div>
  2250. <div>
  2251. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">肝纯片差异化切入</div>
  2252. <div style="padding:14px 16px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:6px; color:var(--text-1); font-size:0.86rem; line-height:1.7;">
  2253. 用<strong>真场景真证据</strong>替代"硬广洗脑"<br/>用<strong>藤茶 DMY 清解酒后头疼</strong>的具象体感打败"吃了没感觉"<br/>用<strong>XHS 种草 + 抖音场景剧</strong>替代"电视 TVC + KOL口号"
  2254. </div>
  2255. </div>
  2256. </div>
  2257. </div>
  2258. <div style="padding:20px 24px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #D4A574; border-radius:var(--radius-md);">
  2259. <div style="display:grid; grid-template-columns:220px 1fr 1.1fr; gap:20px; align-items:start;">
  2260. <div>
  2261. <div style="display:inline-block; padding:3px 10px; background:#D4A57415; color:#D4A574; border-radius:12px; font-size:0.7rem; font-weight:700; font-family:var(--font-mono); letter-spacing:0.1em; margin-bottom:6px;">大牌保健品</div>
  2262. <div style="color:var(--text-1); font-weight:800; font-size:1.2rem; margin-bottom:10px;">汤臣倍健 护肝</div>
  2263. <div style="display:flex; flex-direction:column; gap:8px; font-size:0.82rem;">
  2264. <div style="color:#2D9C5D;"><strong>✓ Pros:</strong> <span style="color:var(--text-2);">渠道覆盖广 · 长期服用 × "气色由内而外好" ♥13</span></div>
  2265. <div style="color:#FF6B6B;"><strong>✗ Cons:</strong> <span style="color:var(--text-2);">话题密度低(XHS 高赞≤♥13)· 同质化严重 · 缺乏差异化成分故事</span></div>
  2266. </div>
  2267. </div>
  2268. <div>
  2269. <div class="text-mono text-xs" style="color:#D4A574; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">VOC 真实声音</div>
  2270. <div style="display:flex; flex-direction:column; gap:8px;">
  2271. <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #D4A574; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  2272. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  2273. <div style="display:flex; align-items:center; gap:6px;">
  2274. <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>
  2275. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">羊咩六六</span>
  2276. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 汤臣倍健护肝</span>
  2277. </div>
  2278. <div style="display:flex; align-items:center; gap:6px;">
  2279. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  2280. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥9</span>
  2281. <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>
  2282. </div>
  2283. </div>
  2284. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"熬夜真的需要吃一些护肝的,身体重要"</div>
  2285. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  2286. <span style="padding:2px 8px; background:#D4A57412; color:#D4A574; border-radius:3px; font-size:0.68rem; font-weight:600;">熬夜</span>
  2287. </div>
  2288. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #D4A574; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  2289. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  2290. <div style="display:flex; align-items:center; gap:6px;">
  2291. <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>
  2292. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">Byhealth</span>
  2293. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 汤臣倍健护肝</span>
  2294. </div>
  2295. <div style="display:flex; align-items:center; gap:6px;">
  2296. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  2297. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥2</span>
  2298. <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>
  2299. </div>
  2300. </div>
  2301. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"一般是晚上吃还是白天任意时间合适"</div>
  2302. </div>
  2303. </div>
  2304. </div>
  2305. <div>
  2306. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">肝纯片差异化切入</div>
  2307. <div style="padding:14px 16px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:6px; color:var(--text-1); font-size:0.86rem; line-height:1.7;">
  2308. 用<strong>DMY 真差异化</strong>摆脱"保健品同质化"<br/>用<strong>千年食饮 + 张家界</strong>建立讲故事的本钱<br/>用<strong>应酬 / 送长辈场景</strong>抢占"长期服用"外的新需求
  2309. </div>
  2310. </div>
  2311. </div>
  2312. </div>
  2313. </div>
  2314. <div class="fade-up" style="margin-top:32px;">
  2315. <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;">
  2316. <div class="text-mono text-xs" style="color:#FF4D8D; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">COMPETITIVE MAP · 竞品地图总结</div>
  2317. <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;">6 大竞品<strong>各有长处但都有"VOC 破口"</strong>。肝纯片不必与每一家正面对冲——只需在<strong style="color:#2D9C5D;">进口心智(非 Swisse 的高贵感)× 中药底蕴(非片仔癀的口感抗拒)× 大众可日常(非易善复的医嘱感)</strong>的三角中间坐稳。</div>
  2318. <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">下一节 3.3 用 VOC 证据验证肝纯片的<strong>场景人群密度</strong>——三大人群声量是肝纯片差异化的火力点。</div>
  2319. </div>
  2320. </div>
  2321. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#FF4D8D08; border:1px solid #FF4D8D33; border-radius:var(--radius-md);">
  2322. <div class="text-mono text-xs" style="color:#FF4D8D; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">落地决策 · 差异化打法 6 条</div>
  2323. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  2324. <div style="display:flex; gap:10px; align-items:flex-start;">
  2325. <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>
  2326. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>vs Swisse</strong>:性价比 + 吸收好(国人代谢适配)+ 东方草本文化</div>
  2327. </div>
  2328. <div style="display:flex; gap:10px; align-items:flex-start;">
  2329. <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>
  2330. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>vs 易善复</strong>:无医嘱自由购买 + 长期日常服用 + OTC 合规</div>
  2331. </div>
  2332. <div style="display:flex; gap:10px; align-items:flex-start;">
  2333. <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>
  2334. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>vs 葵花 / 汤臣</strong>:成分真差异化(DMY)+ 有故事(张家界)+ 有场景</div>
  2335. </div>
  2336. <div style="display:flex; gap:10px; align-items:flex-start;">
  2337. <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>
  2338. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>vs 片仔癀 / 熊胆粉</strong>:口感好 + 不传统药形 + 日常化</div>
  2339. </div>
  2340. <div style="display:flex; gap:10px; align-items:flex-start;">
  2341. <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>
  2342. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>vs 海王金樽</strong>:不硬广 + 真体感(清解酒后头疼)+ 场景多元</div>
  2343. </div>
  2344. <div style="display:flex; gap:10px; align-items:flex-start;">
  2345. <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>
  2346. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>总策略</strong>:同时吃"进口 + 处方 + 大牌"三块市场各 15%</div>
  2347. </div>
  2348. </div>
  2349. </div>
  2350. </div>
  2351. </section>
  2352. <section class="report-section" id="market-3" data-tone="blue" data-slide-num="15/38">
  2353. <div class="section-inner">
  2354. <div class="section-head rise-in">
  2355. <div class="section-eyebrow" style="color:#FF8C42;">3.3 · 人群声量</div>
  2356. <h2 class="text-h1"><span class="headline-anim"><span style="color:#FF6B6B;">脂肪肝 × 熬夜 × 应酬</span>·三大人群声量金矿</span></h2>
  2357. <p class="section-sub">三大人群声量在抖音 / 小红书的真实 VOC 体量<strong>远大于 5 大竞品的讨论量</strong>——这是肝纯片的真正蓝海。</p>
  2358. </div>
  2359. <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);">
  2360. <div style="text-align:center;">
  2361. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#FF8C42; letter-spacing:-0.02em;">497</div>
  2362. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">H4 场景 VOC</div>
  2363. </div>
  2364. <div style="text-align:center;">
  2365. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#FF6B6B; letter-spacing:-0.02em;">21328</div>
  2366. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">单条最高点赞</div>
  2367. <div style="color:#FF8C42; font-size:0.7rem; margin-top:2px;">抖音熬夜伤肝</div>
  2368. </div>
  2369. <div style="text-align:center;">
  2370. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#8B2942; letter-spacing:-0.02em;">5729</div>
  2371. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">XHS 最高点赞</div>
  2372. <div style="color:#FF8C42; font-size:0.7rem; margin-top:2px;">应酬解酒</div>
  2373. </div>
  2374. <div style="text-align:center;">
  2375. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#D4A574; letter-spacing:-0.02em;">750</div>
  2376. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">脂肪肝最高点赞</div>
  2377. <div style="color:#FF8C42; font-size:0.7rem; margin-top:2px;">抖音</div>
  2378. </div>
  2379. <div style="text-align:center;">
  2380. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#2D9C5D; letter-spacing:-0.02em;">3</div>
  2381. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">核心人群象限</div>
  2382. </div>
  2383. </div>
  2384. <div class="grid" style="grid-template-columns:1fr 1fr 1fr; gap:20px; margin-top:28px;">
  2385. <!-- 脂肪肝 -->
  2386. <div style="padding:20px; background:#D4A57408; border:1px solid #D4A57433; border-radius:var(--radius-md); display:flex; flex-direction:column; gap:14px;">
  2387. <div>
  2388. <div class="text-mono text-xs" style="color:#D4A574; letter-spacing:0.18em; font-weight:700; margin-bottom:6px;">HUMAN GROUP A</div>
  2389. <div style="color:var(--text-1); font-size:1.3rem; font-weight:800;">脂肪肝人群</div>
  2390. <div style="color:#D4A574; font-size:0.84rem; margin-top:4px;">25-45 岁 · 都市白领 · 体检驱动</div>
  2391. </div>
  2392. <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #D4A574; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  2393. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  2394. <div style="display:flex; align-items:center; gap:6px;">
  2395. <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>
  2396. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">点浆</span>
  2397. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 脂肪肝</span>
  2398. </div>
  2399. <div style="display:flex; align-items:center; gap:6px;">
  2400. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  2401. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥333</span>
  2402. <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>
  2403. </div>
  2404. </div>
  2405. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"很多瘦子得脂肪肝很大原因是饥饿减肥 节食过程中身体缺少蛋白质分解脂肪 脂肪就在肝脏堆积 另一个原因是其他人回答的那样过量摄入果糖 水果吃太多了也会"</div>
  2406. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  2407. <span style="padding:2px 8px; background:#D4A57412; color:#D4A574; border-radius:3px; font-size:0.68rem; font-weight:600;">脂肪肝</span>
  2408. </div>
  2409. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #D4A574; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  2410. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  2411. <div style="display:flex; align-items:center; gap:6px;">
  2412. <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>
  2413. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">CHENG.</span>
  2414. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 脂肪肝</span>
  2415. </div>
  2416. <div style="display:flex; align-items:center; gap:6px;">
  2417. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  2418. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥154</span>
  2419. <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>
  2420. </div>
  2421. </div>
  2422. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"每天五公里慢跑,脂肪肝,血脂高[泣不成声][奋斗][奋斗][奋斗]"</div>
  2423. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  2424. <span style="padding:2px 8px; background:#D4A57412; color:#D4A574; border-radius:3px; font-size:0.68rem; font-weight:600;">脂肪肝</span>
  2425. </div>
  2426. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #D4A574; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  2427. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  2428. <div style="display:flex; align-items:center; gap:6px;">
  2429. <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>
  2430. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">中医朱清静聊健康</span>
  2431. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 脂肪肝</span>
  2432. </div>
  2433. <div style="display:flex; align-items:center; gap:6px;">
  2434. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  2435. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥292</span>
  2436. <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>
  2437. </div>
  2438. </div>
  2439. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"疏肝化浊(调理脂肪肝):干陈皮1小把 老冰糖2块 三片鲜柠檬 小火15分钟 趁温热喝!"</div>
  2440. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  2441. <span style="padding:2px 8px; background:#D4A57412; color:#D4A574; border-radius:3px; font-size:0.68rem; font-weight:600;">脂肪肝</span>
  2442. </div>
  2443. </div>
  2444. <div style="margin-top:auto; padding:12px 14px; background:#D4A57412; border-left:3px solid #D4A574; border-radius:4px; font-size:0.82rem; color:var(--text-1); line-height:1.6;">
  2445. <strong>肝纯片切入:</strong>"体检查出来了怎么办 → 每天两粒日常养护 DMY" · <em>对标易善复但无医嘱门槛</em>
  2446. </div>
  2447. </div>
  2448. <!-- 熬夜 -->
  2449. <div style="padding:20px; background:#FF6B6B08; border:1px solid #FF6B6B33; border-radius:var(--radius-md); display:flex; flex-direction:column; gap:14px;">
  2450. <div>
  2451. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.18em; font-weight:700; margin-bottom:6px;">HUMAN GROUP B</div>
  2452. <div style="color:var(--text-1); font-size:1.3rem; font-weight:800;">熬夜伤肝人群</div>
  2453. <div style="color:#FF6B6B; font-size:0.84rem; margin-top:4px;">18-30 岁 · 学生 + 职场新人 · Z 世代</div>
  2454. </div>
  2455. <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;">
  2456. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  2457. <div style="display:flex; align-items:center; gap:6px;">
  2458. <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>
  2459. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">末名</span>
  2460. <span style="color:var(--text-3); font-size:0.68rem;">· 广东</span>
  2461. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 熬夜伤肝</span>
  2462. </div>
  2463. <div style="display:flex; align-items:center; gap:6px;">
  2464. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  2465. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥2.1w</span>
  2466. <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>
  2467. </div>
  2468. </div>
  2469. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"听我的,真别熬夜,我才18岁,不抽烟不喝酒,就是因为经常熬夜且睡得少,体检就查出来谷丙转氨酶偏高了"</div>
  2470. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  2471. <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><span style="padding:2px 8px; background:#FF6B6B12; color:#FF6B6B; border-radius:3px; font-size:0.68rem; font-weight:600;">脂肪肝</span>
  2472. </div>
  2473. </div>
  2474. <div style="margin-top:auto; padding:12px 14px; background:#FF6B6B12; border-left:3px solid #FF6B6B; border-radius:4px; font-size:0.82rem; color:var(--text-1); line-height:1.6;">
  2475. <strong>肝纯片切入:</strong>"吓得我赶紧吃两粒护肝片"(抖音♥4823)= 最直白的心智入口 · <em>建"熬夜自救"品类</em>
  2476. </div>
  2477. </div>
  2478. <!-- 应酬 -->
  2479. <div style="padding:20px; background:#8B294208; border:1px solid #8B294233; border-radius:var(--radius-md); display:flex; flex-direction:column; gap:14px;">
  2480. <div>
  2481. <div class="text-mono text-xs" style="color:#8B2942; letter-spacing:0.18em; font-weight:700; margin-bottom:6px;">HUMAN GROUP C</div>
  2482. <div style="color:var(--text-1); font-size:1.3rem; font-weight:800;">应酬解酒人群</div>
  2483. <div style="color:#8B2942; font-size:0.84rem; margin-top:4px;">30-50 岁 · 男性居多 · 商务 + 销售</div>
  2484. </div>
  2485. <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #8B2942; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  2486. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  2487. <div style="display:flex; align-items:center; gap:6px;">
  2488. <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>
  2489. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">腹独肌</span>
  2490. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 酒局必备</span>
  2491. </div>
  2492. <div style="display:flex; align-items:center; gap:6px;">
  2493. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  2494. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥805</span>
  2495. <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>
  2496. </div>
  2497. </div>
  2498. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"喝酒就为了醉,不醉有什么意义,谁开心谁知道"</div>
  2499. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  2500. <span style="padding:2px 8px; background:#8B294212; color:#8B2942; border-radius:3px; font-size:0.68rem; font-weight:600;">应酬解酒</span>
  2501. </div>
  2502. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #8B2942; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  2503. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  2504. <div style="display:flex; align-items:center; gap:6px;">
  2505. <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>
  2506. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">AAA大运重卡只跑国道汤师傅(拒保版)</span>
  2507. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 酒局必备</span>
  2508. </div>
  2509. <div style="display:flex; align-items:center; gap:6px;">
  2510. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  2511. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥4.4k</span>
  2512. <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>
  2513. </div>
  2514. </div>
  2515. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"就在酒企,维b和维c一次三片,半个小时前吃,酒量翻一倍不会吐"</div>
  2516. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #8B2942; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  2517. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  2518. <div style="display:flex; align-items:center; gap:6px;">
  2519. <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>
  2520. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">腹独肌</span>
  2521. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 酒局必备</span>
  2522. </div>
  2523. <div style="display:flex; align-items:center; gap:6px;">
  2524. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  2525. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥874</span>
  2526. <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>
  2527. </div>
  2528. </div>
  2529. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"喝酒前喝一杯酸奶,不要空腹喝酒,喝酒时喝口酒再来口水,增加代谢[偷笑R]"</div>
  2530. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  2531. <span style="padding:2px 8px; background:#8B294212; color:#8B2942; border-radius:3px; font-size:0.68rem; font-weight:600;">应酬解酒</span>
  2532. </div>
  2533. </div>
  2534. <div style="margin-top:auto; padding:12px 14px; background:#8B294212; border-left:3px solid #8B2942; border-radius:4px; font-size:0.82rem; color:var(--text-1); line-height:1.6;">
  2535. <strong>肝纯片切入:</strong>"醋 + 电解质水 + 馄饨"用户土办法说明"药都不信" · <em>用真 DMY 抢"真解酒"心智</em>
  2536. </div>
  2537. </div>
  2538. </div>
  2539. <div class="fade-up" style="margin-top:28px;">
  2540. <div style="padding:20px 24px; background:#FF6B6B08; border-left:3px solid #FF6B6B; border-radius:6px;">
  2541. <div style="display:flex; align-items:center; gap:10px; margin-bottom:10px;">
  2542. <span style="font-size:1.4rem;">🔥</span>
  2543. <div style="color:#FF6B6B; font-weight:700; font-size:0.96rem;">王牌证据 · 抖音熬夜伤肝 ♥21,328(单条)</div>
  2544. </div>
  2545. <div style="color:var(--text-1); font-size:0.88rem; line-height:1.7;">"听我的,真别熬夜,我才18岁,不抽烟不喝酒,就是因为经常熬夜且睡得少,体检就查出来谷丙转氨酶偏高了"——<strong>末名</strong><br/><br/>
  2546. 这条单条 <strong style="color:#FF6B6B;">21,328 赞</strong>的抖音评论,证明"熬夜 → 转氨酶"已经是年轻人真实焦虑。
  2547. 肝纯片切入这块市场的<strong>心智密度远超传统中老年护肝赛道</strong>——这是 <strong style="color:#2D9C5D;">年轻化的关键机会</strong>。</div>
  2548. </div>
  2549. </div>
  2550. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#FF8C4208; border:1px solid #FF8C4233; border-radius:var(--radius-md);">
  2551. <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">落地决策 · 三人群精准打法</div>
  2552. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  2553. <div style="display:flex; gap:10px; align-items:flex-start;">
  2554. <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>
  2555. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>脂肪肝人群</strong>:主打"体检驱动 + 日常养护" · SKU 建议 30/60 粒瓶装 · 定价 ¥128-198</div>
  2556. </div>
  2557. <div style="display:flex; gap:10px; align-items:flex-start;">
  2558. <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>
  2559. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>熬夜伤肝 Z 世代</strong>:主打"熬夜自救 + 学生/职场" · 盒装便携 12 粒 · 定价 ¥39-68</div>
  2560. </div>
  2561. <div style="display:flex; gap:10px; align-items:flex-start;">
  2562. <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>
  2563. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>应酬解酒人群</strong>:主打"真 DMY + 饭局自备" · 铁盒商务 24 粒 · 定价 ¥198-298</div>
  2564. </div>
  2565. <div style="display:flex; gap:10px; align-items:flex-start;">
  2566. <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>
  2567. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>三人群内容差异化</strong>:XHS 脂肪肝科普 / 抖音熬夜剧情 / 抖音 + 视频号饭局场景 KOL</div>
  2568. </div>
  2569. </div>
  2570. </div>
  2571. </div>
  2572. </section>
  2573. <section class="report-section" id="market-4" data-tone="blue" data-slide-num="16/38">
  2574. <div class="section-inner">
  2575. <div class="section-head rise-in">
  2576. <div class="section-eyebrow" style="color:#2D9C5D;">3.4 · 未满足地图</div>
  2577. <h2 class="text-h1"><span class="headline-anim"><span style="color:#2D9C5D;">四象限空白地带</span>·肝纯片的无人地带坐标</span></h2>
  2578. <p class="section-sub">把 <strong>信任(药 vs 食)</strong> × <strong>使用频次(日常 vs 应急)</strong> 作两轴,现有竞品聚集在对角线两端——<strong>对角线中段是肝纯片的独占空间</strong>。</p>
  2579. </div>
  2580. <div style="padding:20px 26px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md);">
  2581. <div style="display:grid; grid-template-columns:52px 1fr 1fr; grid-template-rows:auto 1fr 1fr 40px; gap:12px; height:520px;">
  2582. <div style="grid-row:2 / span 2; grid-column:1; display:flex; align-items:center; justify-content:center; transform:rotate(-90deg); white-space:nowrap;">
  2583. <span class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.2em; font-weight:700;">信任类型</span>
  2584. </div>
  2585. <div style="grid-row:1; grid-column:2; text-align:center;"><span class="text-mono text-xs" style="color:#8B2942; font-weight:700;">药品(重)</span></div>
  2586. <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>
  2587. <div style="grid-row:2; grid-column:2;">
  2588. <div style="padding:16px; background:#8B294208; border:1px solid #8B294240; border-radius:6px; height:100%; display:flex; flex-direction:column;">
  2589. <div class="text-mono text-xs" style="color:#8B2942; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">左上 · 药品 × 应急</div>
  2590. <ul style="color:var(--text-1); font-size:0.82rem; line-height:1.55; margin:0; padding-left:18px; list-style:disc;">
  2591. <li style="margin-bottom:4px;"><strong>护肝片</strong>(中成药)</li><li style="margin-bottom:4px;"><strong>熊胆粉</strong>(珍贵中药)</li><li style="margin-bottom:4px;"><strong>海王金樽</strong>(解酒 OTC)</li>
  2592. </ul>
  2593. <div style="margin-top:auto; padding-top:10px; color:#8B2942; font-size:0.74rem; font-style:italic;">痛点:硬广透支 + 偶尔才吃</div>
  2594. </div></div>
  2595. <div style="grid-row:2; grid-column:3;">
  2596. <div style="padding:16px; background:#0085CA08; border:1px solid #0085CA40; border-radius:6px; height:100%; display:flex; flex-direction:column;">
  2597. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">右上 · 药品 × 日常</div>
  2598. <ul style="color:var(--text-1); font-size:0.82rem; line-height:1.55; margin:0; padding-left:18px; list-style:disc;">
  2599. <li style="margin-bottom:4px;"><strong>易善复</strong>(处方磷脂胆碱)</li><li style="margin-bottom:4px;"><strong>水飞蓟宾胶囊</strong>(OTC)</li><li style="margin-bottom:4px;"><strong>双环醇</strong>(处方)</li>
  2600. </ul>
  2601. <div style="margin-top:auto; padding-top:10px; color:#0085CA; font-size:0.74rem; font-style:italic;">痛点:必须医嘱 + 副作用担忧</div>
  2602. </div></div>
  2603. <div style="grid-row:3; grid-column:2;">
  2604. <div style="padding:16px; background:#FF8C4208; border:1px solid #FF8C4240; border-radius:6px; height:100%; display:flex; flex-direction:column;">
  2605. <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">左下 · 食品 × 应急</div>
  2606. <ul style="color:var(--text-1); font-size:0.82rem; line-height:1.55; margin:0; padding-left:18px; list-style:disc;">
  2607. <li style="margin-bottom:4px;"><strong>解酒饮料</strong>(RU-21 等)</li><li style="margin-bottom:4px;"><strong>莓茶</strong>(张家界地方)</li><li style="margin-bottom:4px;"><strong>养生汤方</strong>(XHS 食补)</li>
  2608. </ul>
  2609. <div style="margin-top:auto; padding-top:10px; color:#FF8C42; font-size:0.74rem; font-style:italic;">痛点:不便携 + 无品牌信任</div>
  2610. </div></div>
  2611. <div style="grid-row:3; grid-column:3;">
  2612. <div style="padding:16px; background:#2D9C5D08; border:1px solid #2D9C5D40; border-radius:6px; height:100%; display:flex; flex-direction:column;">
  2613. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">右下 · 食品 × 日常 &lt;strong style=&quot;color:#2D9C5D;&quot;&gt;(无人地带!)&lt;/strong&gt;</div>
  2614. <ul style="color:var(--text-1); font-size:0.82rem; line-height:1.55; margin:0; padding-left:18px; list-style:disc;">
  2615. <li style="margin-bottom:4px;"><strong style="color:#2D9C5D;">✨ 肝纯片</strong>(DMY 保健 + 日常)</li><li style="margin-bottom:4px;"><strong>Swisse</strong>(部分高端用户)</li><li style="margin-bottom:4px;"><strong>汤臣倍健</strong>(同质化严重)</li>
  2616. </ul>
  2617. <div style="margin-top:auto; padding-top:10px; color:#2D9C5D; font-size:0.74rem; font-style:italic;">机会:真差异化 + 日常养护 + 东方草本</div>
  2618. </div></div>
  2619. <div style="grid-row:4; grid-column:2; text-align:center;"><span class="text-mono text-xs" style="color:var(--text-3); letter-spacing:0.15em;">应急(单次) ← 使用频次 → 日常(长期)</span></div>
  2620. <div style="grid-row:4; grid-column:3;"></div>
  2621. </div>
  2622. </div>
  2623. <div class="fade-up" style="margin-top:28px;">
  2624. <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;">
  2625. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">THE WHITE SPACE · 无人地带</div>
  2626. <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;"><strong style="color:#2D9C5D;">"食品级信任 × 日常长期服用"</strong> 这个象限,现有玩家只有 <strong>Swisse(贵)</strong> 和 <strong>汤臣倍健(同质化)</strong>——<strong>都没有真差异化</strong>。</div>
  2627. <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">肝纯片用 <strong style="color:#4A8A3A;">藤茶 DMY 真原料</strong> + <strong style="color:#D4A574;">江中 OTC 品牌背书</strong> + <strong style="color:#B87333;">千年食饮文化</strong> 三锚,可以<strong style="color:#2D9C5D;">独占这个象限</strong>,瓦解 Swisse 的高端壁垒并超越汤臣倍健的同质化。</div>
  2628. </div>
  2629. </div>
  2630. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:var(--radius-md);">
  2631. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">落地决策 · 象限坐标与验证</div>
  2632. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  2633. <div style="display:flex; gap:10px; align-items:flex-start;">
  2634. <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>
  2635. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>锁定象限坐标</strong>:食品级信任 × 日常长期 · 产品所有配称都围绕这一象限</div>
  2636. </div>
  2637. <div style="display:flex; gap:10px; align-items:flex-start;">
  2638. <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>
  2639. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>瓦解 Swisse</strong>:东方草本 > 西方进口 + 性价比更高</div>
  2640. </div>
  2641. <div style="display:flex; gap:10px; align-items:flex-start;">
  2642. <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>
  2643. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>超越汤臣</strong>:真 DMY 差异化 > 同质化维生素复合包</div>
  2644. </div>
  2645. <div style="display:flex; gap:10px; align-items:flex-start;">
  2646. <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>
  2647. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>避开对角线两端</strong>:不做"OTC 处方感"(右上)也不做"解酒应急感"(左上)</div>
  2648. </div>
  2649. <div style="display:flex; gap:10px; align-items:flex-start;">
  2650. <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>
  2651. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>章节假设判定</strong>:H1 ✓ / H2 ✓ / H3 ✓ / H4 ✓ / H5 ✓ / H8 ✓(国际市场已验证)</div>
  2652. </div>
  2653. </div>
  2654. </div>
  2655. </div>
  2656. </section>
  2657. <section class="report-section" id="kano" data-tone="purple" data-slide-num="17/38" style="justify-content:center;">
  2658. <div class="section-inner">
  2659. <div class="rise-in" style="text-align:center; margin-bottom:40px;">
  2660. <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>
  2661. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.3em; margin-top:-2rem; font-weight:700;">CHAPTER 4 · USER INSIGHT</div>
  2662. </div>
  2663. <div class="rise-in" style="text-align:center; margin-bottom:36px;">
  2664. <div style="font-size:3.2rem; margin-bottom:14px;">🧠</div>
  2665. <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>
  2666. <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>
  2667. </div>
  2668. <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);">
  2669. <p style="color:var(--text-1); font-size:1.08rem; line-height:1.82;">不再用"4 渠道 × 5 模块"装饰理论。<strong style="color:#8B5CF6;">KANO 五类需求</strong>(必备 / 期望 / 兴奋 / 无差异 / 反向)逐个映射到 SKU / 包装 / 话术决策:<strong>必备</strong>=安全无副作用(避免易善复那种医嘱依赖感)、<strong>期望</strong>=真起效(避免 Swisse 吸收差差评)、<strong>兴奋</strong>=送得出手的礼盒心智、<strong>反向</strong>=药盒感 / 硬广感。<strong style="color:#D4A574;">JTBD 三维价值</strong>:F=肝功护养"不上头"、E=不焦虑转氨酶、S=饭局面子×孝心。</p>
  2670. </div>
  2671. <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;">
  2672. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #8B5CF622; border-radius:var(--radius-sm); text-align:center;">
  2673. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">4.1</div>
  2674. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">KANO 五类·必备/期望/兴奋/无差异/反向</div>
  2675. </div>
  2676. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #8B5CF622; border-radius:var(--radius-sm); text-align:center;">
  2677. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">4.2</div>
  2678. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">JTBD·Functional 功能价值</div>
  2679. </div>
  2680. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #8B5CF622; border-radius:var(--radius-sm); text-align:center;">
  2681. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">4.3</div>
  2682. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">JTBD·Emotional 情绪价值</div>
  2683. </div>
  2684. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #8B5CF622; border-radius:var(--radius-sm); text-align:center;">
  2685. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">4.4</div>
  2686. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">JTBD·Social 社会价值</div>
  2687. </div>
  2688. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #8B5CF622; border-radius:var(--radius-sm); text-align:center;">
  2689. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">4.5</div>
  2690. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">决策优先级·SKU/话术/包装映射</div>
  2691. </div>
  2692. </div>
  2693. <div class="fade-up" style="margin-top:48px; text-align:center;">
  2694. <div class="text-mono text-xs" style="color:var(--text-3); letter-spacing:0.3em;">SCROLL DOWN · 5 个子章 · VOC 实证 × 理论 × 决策</div>
  2695. </div>
  2696. </div>
  2697. </section>
  2698. <section class="report-section" id="kano-1" data-tone="purple" data-slide-num="18/38">
  2699. <div class="section-inner">
  2700. <div class="section-head rise-in">
  2701. <div class="section-eyebrow" style="color:#8B5CF6;">4.1 · KANO 五类需求</div>
  2702. <h2 class="text-h1"><span class="headline-anim"><span style="color:#8B5CF6;">KANO 五类</span>:肝纯片的需求层次地图</span></h2>
  2703. <p class="section-sub">不把 KANO 当装饰模型——每一类需求都映射到<strong>具体 SKU / 话术 / 包装</strong>决策,用 VOC 证据验证。</p>
  2704. </div>
  2705. <div class="grid" style="grid-template-columns:1fr; gap:16px; margin-top:20px;">
  2706. <div style="padding:18px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #FF6B6B; border-radius:var(--radius-md);">
  2707. <div style="display:grid; grid-template-columns:160px 1.2fr 1.3fr 1fr; gap:18px; align-items:start;">
  2708. <div>
  2709. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">MUST-HAVE</div>
  2710. <div style="color:var(--text-1); font-weight:800; font-size:1.08rem; margin-bottom:6px;">必备需求</div>
  2711. <div style="color:var(--text-2); font-size:0.78rem; line-height:1.55;">"没有会不买"—基本门槛,不做用户不接受</div>
  2712. </div>
  2713. <div>
  2714. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">肝纯片对应需求</div>
  2715. <ul style="margin:0; padding-left:18px; list-style:disc; color:var(--text-1); font-size:0.86rem; line-height:1.7;">
  2716. <li style="margin-bottom:4px;">安全无副作用(葵花"拉肚子"担忧 ♥15)</li><li style="margin-bottom:4px;">OTC 合规备案</li><li style="margin-bottom:4px;">成分透明无添加</li>
  2717. </ul>
  2718. </div>
  2719. <div>
  2720. <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;">
  2721. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  2722. <div style="display:flex; align-items:center; gap:6px;">
  2723. <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>
  2724. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">炸炸炸猪</span>
  2725. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 葵花护肝片</span>
  2726. </div>
  2727. <div style="display:flex; align-items:center; gap:6px;">
  2728. <span style="color:#FF6B6B; font-size:0.7rem; font-weight:600;">▼ 差评</span>
  2729. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥15</span>
  2730. <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>
  2731. </div>
  2732. </div>
  2733. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"我甲亢吃赛治的同时长期吃这个药,吃了有半年,两个月前开始每天中午拉肚子,怀疑是它造成的,最好吃一段时间休息几天再接着吃"</div>
  2734. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  2735. <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>
  2736. </div>
  2737. </div>
  2738. </div>
  2739. <div>
  2740. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">决策映射</div>
  2741. <div style="padding:10px 12px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:4px; font-size:0.82rem; line-height:1.6; color:var(--text-1);">
  2742. <strong>蓝帽子 OTC 双证背书</strong> · 成分表 100% 透明
  2743. </div>
  2744. </div>
  2745. </div>
  2746. </div>
  2747. <div style="padding:18px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #D4A574; border-radius:var(--radius-md);">
  2748. <div style="display:grid; grid-template-columns:160px 1.2fr 1.3fr 1fr; gap:18px; align-items:start;">
  2749. <div>
  2750. <div class="text-mono text-xs" style="color:#D4A574; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">PERFORMANCE</div>
  2751. <div style="color:var(--text-1); font-weight:800; font-size:1.08rem; margin-bottom:6px;">期望需求</div>
  2752. <div style="color:var(--text-2); font-size:0.78rem; line-height:1.55;">"越好越好"—用户能感知的越强越值得付费</div>
  2753. </div>
  2754. <div>
  2755. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">肝纯片对应需求</div>
  2756. <ul style="margin:0; padding-left:18px; list-style:disc; color:var(--text-1); font-size:0.86rem; line-height:1.7;">
  2757. <li style="margin-bottom:4px;">DMY 清解酒后头疼(体感可感知)</li><li style="margin-bottom:4px;">转氨酶下降速度</li><li style="margin-bottom:4px;">气色改善("大半年气色由内而外" ♥13)</li>
  2758. </ul>
  2759. </div>
  2760. <div>
  2761. <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #D4A574; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  2762. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  2763. <div style="display:flex; align-items:center; gap:6px;">
  2764. <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#FF990022; color:#FF9900; font-size:0.62rem; font-weight:700;">Az</span>
  2765. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">C</span>
  2766. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· dihydromyricetin</span>
  2767. </div>
  2768. <div style="display:flex; align-items:center; gap:6px;">
  2769. <span style="color:#2D9C5D; font-size:0.7rem; font-weight:600;">▲ 好评</span>
  2770. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">👍12</span>
  2771. <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>
  2772. </div>
  2773. </div>
  2774. <div style="display:flex; align-items:center; gap:4px; font-size:0.8rem;"><span style="color:#C8A04B">★</span><span style="color:#C8A04B">★</span><span style="color:#C8A04B">★</span><span style="color:#C8A04B">★</span><span style="color:#C8A04B">★</span><span style="margin-left:8px; padding:1px 6px; background:#2D9C5D18; color:#2D9C5D; border-radius:10px; font-size:0.62rem; font-family:var(--font-mono); font-weight:700;">已购</span></div>
  2775. <div style="color:#D4A574; font-size:0.82rem; font-weight:700; margin-bottom:2px;">Great - supplement for your liver!</div>
  2776. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"These work pretty much as advertised. I only take two the night of just shortly after drinking and then early in the morning I take one more. I definitely feel…"</div>
  2777. </div>
  2778. </div>
  2779. <div>
  2780. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">决策映射</div>
  2781. <div style="padding:10px 12px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:4px; font-size:0.82rem; line-height:1.6; color:var(--text-1);">
  2782. <strong>临床数据背书 + 短期体感锚点</strong> · 30 天效果前后对比
  2783. </div>
  2784. </div>
  2785. </div>
  2786. </div>
  2787. <div style="padding:18px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #2D9C5D; border-radius:var(--radius-md);">
  2788. <div style="display:grid; grid-template-columns:160px 1.2fr 1.3fr 1fr; gap:18px; align-items:start;">
  2789. <div>
  2790. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">ATTRACTIVE</div>
  2791. <div style="color:var(--text-1); font-weight:800; font-size:1.08rem; margin-bottom:6px;">兴奋需求</div>
  2792. <div style="color:var(--text-2); font-size:0.78rem; line-height:1.55;">"有了超惊喜"—没想到的附加价值,形成差异化</div>
  2793. </div>
  2794. <div>
  2795. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">肝纯片对应需求</div>
  2796. <ul style="margin:0; padding-left:18px; list-style:disc; color:var(--text-1); font-size:0.86rem; line-height:1.7;">
  2797. <li style="margin-bottom:4px;">送长辈孝心礼盒("8000 左右礼物" ♥21)</li><li style="margin-bottom:4px;">张家界藤茶地理文化溢价</li><li style="margin-bottom:4px;">礼品卡 + 溯源码 + 国货新中式</li>
  2798. </ul>
  2799. </div>
  2800. <div>
  2801. <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;">
  2802. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  2803. <div style="display:flex; align-items:center; gap:6px;">
  2804. <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>
  2805. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">踢小猪屁股</span>
  2806. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 送长辈保健品</span>
  2807. </div>
  2808. <div style="display:flex; align-items:center; gap:6px;">
  2809. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  2810. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥13</span>
  2811. <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>
  2812. </div>
  2813. </div>
  2814. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"内啥 我想问一下 男朋友上门见家长 也是准备了上图差不多的量 他后备箱塞的满满的,但是怎么体面的拿上门呀,他一个人 一趟 肯定拿不了的 两趟?又不太合适吧。。。(是需要我下楼接他跟他一起拿上来对吗。。就怕两个人也拿不下)电视剧里也没教这些呀[哭惹R]"</div>
  2815. </div>
  2816. </div>
  2817. <div>
  2818. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">决策映射</div>
  2819. <div style="padding:10px 12px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:4px; font-size:0.82rem; line-height:1.6; color:var(--text-1);">
  2820. <strong>礼盒装 ¥298-898 · 千年食饮故事 · 商务送礼场景</strong>
  2821. </div>
  2822. </div>
  2823. </div>
  2824. </div>
  2825. <div style="padding:18px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #87A96B; border-radius:var(--radius-md);">
  2826. <div style="display:grid; grid-template-columns:160px 1.2fr 1fr; gap:18px; align-items:start;">
  2827. <div>
  2828. <div class="text-mono text-xs" style="color:#87A96B; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">INDIFFERENT</div>
  2829. <div style="color:var(--text-1); font-weight:800; font-size:1.08rem; margin-bottom:6px;">无差异需求</div>
  2830. <div style="color:var(--text-2); font-size:0.78rem; line-height:1.55;">"有没有无所谓"—成本高却用户不看重的功能</div>
  2831. </div>
  2832. <div>
  2833. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">肝纯片对应需求</div>
  2834. <ul style="margin:0; padding-left:18px; list-style:disc; color:var(--text-1); font-size:0.86rem; line-height:1.7;">
  2835. <li style="margin-bottom:4px;">维生素复合包(用户已厌倦汤臣式复合)</li><li style="margin-bottom:4px;">更多成分堆砌(silymarin "7500mg deceive" ♥16 警示)</li><li style="margin-bottom:4px;">花哨包装 / 过度营销标签</li>
  2836. </ul>
  2837. </div>
  2838. <div>
  2839. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">决策映射</div>
  2840. <div style="padding:10px 12px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:4px; font-size:0.82rem; line-height:1.6; color:var(--text-1);">
  2841. <strong>做减法:单一 DMY 差异化 > 成分杂交</strong>
  2842. </div>
  2843. </div>
  2844. </div>
  2845. </div>
  2846. <div style="padding:18px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #8B2942; border-radius:var(--radius-md);">
  2847. <div style="display:grid; grid-template-columns:160px 1.2fr 1.3fr 1fr; gap:18px; align-items:start;">
  2848. <div>
  2849. <div class="text-mono text-xs" style="color:#8B2942; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">REVERSE</div>
  2850. <div style="color:var(--text-1); font-weight:800; font-size:1.08rem; margin-bottom:6px;">反向需求</div>
  2851. <div style="color:var(--text-2); font-size:0.78rem; line-height:1.55;">"有了反而不买"—做了用户更排斥的动作</div>
  2852. </div>
  2853. <div>
  2854. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">肝纯片对应需求</div>
  2855. <ul style="margin:0; padding-left:18px; list-style:disc; color:var(--text-1); font-size:0.86rem; line-height:1.7;">
  2856. <li style="margin-bottom:4px;">硬广洗脑("老哒广告杠杠的" ♥40)</li><li style="margin-bottom:4px;">药盒感 / 保守形象(片仔癀/葵花)</li><li style="margin-bottom:4px;">虚假剂量("7500 mg claim to deceive")</li>
  2857. </ul>
  2858. </div>
  2859. <div>
  2860. <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #8B2942; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  2861. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  2862. <div style="display:flex; align-items:center; gap:6px;">
  2863. <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>
  2864. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">火爆大鱿鱼!美味鸭肠 ,锁艳《回民》</span>
  2865. <span style="color:var(--text-3); font-size:0.68rem;">· 安徽</span>
  2866. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 海王金樽</span>
  2867. </div>
  2868. <div style="display:flex; align-items:center; gap:6px;">
  2869. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  2870. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥40</span>
  2871. <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>
  2872. </div>
  2873. </div>
  2874. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"老哒广告做的杠杠的[捂脸][捂脸][捂脸]"</div>
  2875. </div>
  2876. </div>
  2877. <div>
  2878. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">决策映射</div>
  2879. <div style="padding:10px 12px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:4px; font-size:0.82rem; line-height:1.6; color:var(--text-1);">
  2880. <strong>明令禁止:TVC 洗脑 / 剂量夸张 / 药盒感</strong>
  2881. </div>
  2882. </div>
  2883. </div>
  2884. </div>
  2885. </div>
  2886. <div class="fade-up" style="margin-top:24px;">
  2887. <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;">
  2888. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">KANO PRIORITY · 优先级</div>
  2889. <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;"><strong style="color:#FF6B6B;">必备 → 期望 → 兴奋</strong> 是投资顺序。先做到"<strong>安全无副作用 + OTC 合规</strong>"(必备 = 零容错),再把"<strong>DMY 真起效</strong>"(期望)讲清楚,最后用"<strong>送长辈礼盒</strong>"(兴奋)做溢价。</div>
  2890. <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;"><strong style="color:#8B2942;">反向需求必须明令禁止</strong>——硬广、药盒感、虚假剂量是<strong>"做多不如不做"</strong>的死线。</div>
  2891. </div>
  2892. </div>
  2893. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#8B5CF608; border:1px solid #8B5CF633; border-radius:var(--radius-md);">
  2894. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">落地决策 · KANO 优先级映射</div>
  2895. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  2896. <div style="display:flex; gap:10px; align-items:flex-start;">
  2897. <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>
  2898. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>必备守门</strong>:蓝帽子 OTC 双证 + 成分 100% 透明 + 第三方检测报告公开</div>
  2899. </div>
  2900. <div style="display:flex; gap:10px; align-items:flex-start;">
  2901. <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>
  2902. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>期望锚定</strong>:DMY"清酒后头疼"作快体感 + 30 天转氨酶变化作慢体感</div>
  2903. </div>
  2904. <div style="display:flex; gap:10px; align-items:flex-start;">
  2905. <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>
  2906. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>兴奋溢价</strong>:礼盒装 ¥298-898 + 千年食饮故事 + 张家界原产地证</div>
  2907. </div>
  2908. <div style="display:flex; gap:10px; align-items:flex-start;">
  2909. <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>
  2910. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>反向封堵</strong>:拒硬广 TVC / 拒药盒感 / 拒剂量夸张话术</div>
  2911. </div>
  2912. </div>
  2913. </div>
  2914. </div>
  2915. </section>
  2916. <section class="report-section" id="kano-2" data-tone="purple" data-slide-num="19/38">
  2917. <div class="section-inner">
  2918. <div class="section-head rise-in">
  2919. <div class="section-eyebrow" style="color:#0085CA;">4.2 · JTBD Functional</div>
  2920. <h2 class="text-h1"><span class="headline-anim"><span style="color:#0085CA;">Functional 功能价值</span>:4 个用户"雇佣"肝纯片干的真实活</span></h2>
  2921. <p class="section-sub">不讲成分讲<strong>用户要完成的任务 (Jobs-to-be-Done)</strong>——每个 Job 都对应一段真实 VOC + 可验证的成功指标。</p>
  2922. </div>
  2923. <div class="grid" style="grid-template-columns:1fr 1fr; gap:18px; margin-top:20px;">
  2924. <div style="padding:20px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #8B2942; border-radius:var(--radius-md);">
  2925. <div style="display:flex; align-items:center; gap:10px; margin-bottom:12px;">
  2926. <div style="font-size:1.8rem;">🍶</div>
  2927. <div>
  2928. <div style="color:var(--text-1); font-weight:800; font-size:1.1rem;">解酒·清酒后头疼</div>
  2929. <div class="text-mono text-xs" style="color:#8B2942; letter-spacing:0.1em; margin-top:2px;">JOB-TO-BE-DONE</div>
  2930. </div>
  2931. </div>
  2932. <div style="padding:12px 14px; background:#8B294208; border-left:3px solid #8B2942; border-radius:4px; margin-bottom:12px;">
  2933. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.7;"><strong>"饭局后清早不头疼"</strong>——DMY 加速乙醛脱氢酶活性,对标海王金樽失败剧本</div>
  2934. </div>
  2935. <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #8B2942; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  2936. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  2937. <div style="display:flex; align-items:center; gap:6px;">
  2938. <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>
  2939. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">微醺的圣女果</span>
  2940. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 海王金樽</span>
  2941. </div>
  2942. <div style="display:flex; align-items:center; gap:6px;">
  2943. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  2944. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥212</span>
  2945. <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>
  2946. </div>
  2947. </div>
  2948. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"我喝酒是属于越喝越贪酒的,不喝到废不走的那种,最后靠潜意识回家,目前没找到能第二天起来缓解办法,喝之前解酒药我也吃过有点用但不大,偶尔头疼,头不疼也是难受一整天,我基本是12点左右醒了,然后缓一会,差不多2点左右开始喝馄饨汤,馄饨吃不了两个,喝猛猛一碗趁热喝,出点汗,然后感觉缓解了一点但还是难受,回床上继续躺,继续难…"</div>
  2949. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  2950. <span style="padding:2px 8px; background:#8B294212; color:#8B2942; border-radius:3px; font-size:0.68rem; font-weight:600;">应酬解酒</span>
  2951. </div>
  2952. </div>
  2953. <div style="margin-top:12px; padding:10px 12px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:4px;">
  2954. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:4px; font-weight:700;">成功指标</div>
  2955. <div style="color:var(--text-1); font-size:0.84rem;">喝酒后次日头疼评分下降 ≥40%</div>
  2956. </div>
  2957. </div>
  2958. <div style="padding:20px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #0085CA; border-radius:var(--radius-md);">
  2959. <div style="display:flex; align-items:center; gap:10px; margin-bottom:12px;">
  2960. <div style="font-size:1.8rem;">📉</div>
  2961. <div>
  2962. <div style="color:var(--text-1); font-weight:800; font-size:1.1rem;">护肝·转氨酶下降</div>
  2963. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.1em; margin-top:2px;">JOB-TO-BE-DONE</div>
  2964. </div>
  2965. </div>
  2966. <div style="padding:12px 14px; background:#0085CA08; border-left:3px solid #0085CA; border-radius:4px; margin-bottom:12px;">
  2967. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.7;"><strong>"体检查出来转氨酶偏高的救命稻草"</strong>——对标易善复的医嘱依赖</div>
  2968. </div>
  2969. <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;">
  2970. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  2971. <div style="display:flex; align-items:center; gap:6px;">
  2972. <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>
  2973. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">最佳男主角</span>
  2974. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· swisse护肝片</span>
  2975. </div>
  2976. <div style="display:flex; align-items:center; gap:6px;">
  2977. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  2978. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥37</span>
  2979. <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>
  2980. </div>
  2981. </div>
  2982. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"吃了转氨酶从正常到异常了 现在200多[捂脸R]现在打算停一段时间去检查一下肝功能[石化R]"</div>
  2983. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  2984. <span style="padding:2px 8px; background:#0085CA12; color:#0085CA; border-radius:3px; font-size:0.68rem; font-weight:600;">脂肪肝</span>
  2985. </div>
  2986. </div>
  2987. <div style="margin-top:12px; padding:10px 12px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:4px;">
  2988. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:4px; font-weight:700;">成功指标</div>
  2989. <div style="color:var(--text-1); font-size:0.84rem;">连服 30 天 ALT 下降 20-50%</div>
  2990. </div>
  2991. </div>
  2992. <div style="padding:20px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #FF6B6B; border-radius:var(--radius-md);">
  2993. <div style="display:flex; align-items:center; gap:10px; margin-bottom:12px;">
  2994. <div style="font-size:1.8rem;">🌙</div>
  2995. <div>
  2996. <div style="color:var(--text-1); font-weight:800; font-size:1.1rem;">熬夜·体感自救</div>
  2997. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.1em; margin-top:2px;">JOB-TO-BE-DONE</div>
  2998. </div>
  2999. </div>
  3000. <div style="padding:12px 14px; background:#FF6B6B08; border-left:3px solid #FF6B6B; border-radius:4px; margin-bottom:12px;">
  3001. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.7;"><strong>"熬夜后吓得赶紧吃两粒"</strong>(♥4823)——抖音熬夜人群的心智入口</div>
  3002. </div>
  3003. <div style="padding:12px; background:var(--bg-2); border-radius:4px; color:var(--text-3); font-size:0.8rem; text-align:center;">—— VOC 数据暂缺 ——</div>
  3004. <div style="margin-top:12px; padding:10px 12px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:4px;">
  3005. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:4px; font-weight:700;">成功指标</div>
  3006. <div style="color:var(--text-1); font-size:0.84rem;">熬夜次日疲劳感评分下降 ≥30%</div>
  3007. </div>
  3008. </div>
  3009. <div style="padding:20px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #87A96B; border-radius:var(--radius-md);">
  3010. <div style="display:flex; align-items:center; gap:10px; margin-bottom:12px;">
  3011. <div style="font-size:1.8rem;">💧</div>
  3012. <div>
  3013. <div style="color:var(--text-1); font-weight:800; font-size:1.1rem;">日常·肝功保养</div>
  3014. <div class="text-mono text-xs" style="color:#87A96B; letter-spacing:0.1em; margin-top:2px;">JOB-TO-BE-DONE</div>
  3015. </div>
  3016. </div>
  3017. <div style="padding:12px 14px; background:#87A96B08; border-left:3px solid #87A96B; border-radius:4px; margin-bottom:12px;">
  3018. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.7;"><strong>"长期吃气色由内而外好"</strong>(♥13)——对标汤臣倍健但做真差异化</div>
  3019. </div>
  3020. <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #87A96B; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  3021. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  3022. <div style="display:flex; align-items:center; gap:6px;">
  3023. <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>
  3024. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">pepi</span>
  3025. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· swisse护肝片</span>
  3026. </div>
  3027. <div style="display:flex; align-items:center; gap:6px;">
  3028. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  3029. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥33</span>
  3030. <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>
  3031. </div>
  3032. </div>
  3033. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"姐妹,我想要养肝护肝,增强肝脏代谢买哪一款啊?最近吃了一款药会伤害肝,所以吃完药我想吃护肝片。"</div>
  3034. </div>
  3035. <div style="margin-top:12px; padding:10px 12px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:4px;">
  3036. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:4px; font-weight:700;">成功指标</div>
  3037. <div style="color:var(--text-1); font-size:0.84rem;">持续 90 天用户续购率 ≥45%</div>
  3038. </div>
  3039. </div>
  3040. </div>
  3041. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#0085CA08; border:1px solid #0085CA33; border-radius:var(--radius-md);">
  3042. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">落地决策 · Functional JTBD 落位</div>
  3043. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  3044. <div style="display:flex; gap:10px; align-items:flex-start;">
  3045. <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>
  3046. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>Functional 卖点层级</strong>:短期(解酒头疼)→ 中期(转氨酶下降)→ 长期(气色/日常保养)</div>
  3047. </div>
  3048. <div style="display:flex; gap:10px; align-items:flex-start;">
  3049. <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>
  3050. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>Job-to-be-Done 话术</strong>:不讲成分讲任务 —— "肝纯片是为了___的人准备的"</div>
  3051. </div>
  3052. <div style="display:flex; gap:10px; align-items:flex-start;">
  3053. <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>
  3054. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>度量 KPI</strong>:30 天 ALT 降幅 / 次日头疼评分 / 续购率 / NPS</div>
  3055. </div>
  3056. <div style="display:flex; gap:10px; align-items:flex-start;">
  3057. <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>
  3058. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>内容主题</strong>:XHS 聚焦"熬夜党自救" + 抖音聚焦"饭局后清早"</div>
  3059. </div>
  3060. </div>
  3061. </div>
  3062. </div>
  3063. </section>
  3064. <section class="report-section" id="kano-3" data-tone="purple" data-slide-num="20/38">
  3065. <div class="section-inner">
  3066. <div class="section-head rise-in">
  3067. <div class="section-eyebrow" style="color:#FF6B6B;">4.3 · JTBD Emotional</div>
  3068. <h2 class="text-h1"><span class="headline-anim"><span style="color:#FF6B6B;">Emotional 情绪价值</span>:从焦虑到掌控的 4 条情绪线</span></h2>
  3069. <p class="section-sub"><strong>用户买的不只是药片,而是一种情绪状态</strong>——每个情绪 Job 都对应"<strong>Before 焦虑 → After 掌控</strong>"的转变。</p>
  3070. </div>
  3071. <div class="grid" style="grid-template-columns:1fr 1fr; gap:18px; margin-top:20px;">
  3072. <div style="padding:20px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #FF6B6B; border-radius:var(--radius-md);">
  3073. <div style="color:var(--text-1); font-weight:800; font-size:1.12rem; margin-bottom:14px;">化解体检焦虑</div>
  3074. <div style="display:grid; grid-template-columns:1fr auto 1fr; gap:10px; align-items:center; margin-bottom:14px;">
  3075. <div style="padding:12px 14px; background:#FF6B6B0A; border:1px solid #FF6B6B33; border-radius:4px;">
  3076. <div class="text-mono text-xs" style="color:#FF6B6B; margin-bottom:4px; font-weight:700;">BEFORE · 焦虑</div>
  3077. <div style="color:var(--text-1); font-size:0.82rem; line-height:1.6;">"刷抖音感觉自己没几天了" ♥732 · "吓得赶紧吃两粒" ♥4823</div>
  3078. </div>
  3079. <div style="color:#FF6B6B; font-size:1.6rem;">→</div>
  3080. <div style="padding:12px 14px; background:#FF6B6B0A; border:1px solid #FF6B6B33; border-radius:4px;">
  3081. <div class="text-mono text-xs" style="color:#FF6B6B; margin-bottom:4px; font-weight:700;">AFTER · 掌控</div>
  3082. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.6; font-weight:600;">&quot;日常一粒,体检不慌&quot;</div>
  3083. </div>
  3084. </div>
  3085. <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;">
  3086. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  3087. <div style="display:flex; align-items:center; gap:6px;">
  3088. <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>
  3089. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">名字不重要</span>
  3090. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 脂肪肝</span>
  3091. </div>
  3092. <div style="display:flex; align-items:center; gap:6px;">
  3093. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  3094. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥162</span>
  3095. <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>
  3096. </div>
  3097. </div>
  3098. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"我转氨酶高,尿酸高,血脂高,甘油三酯高,不胖,中重度脂肪肝。控制饮食,控糖,控制油,主要是碳水,大米白面不吃,换成粗粮。糖或者含糖的忌口,隔天快走几千步,20天后所有指标都正常了,体重掉了10斤,脂肪肝中重度变成重度,还在继续控制,量没减少。早饭,半个玉米➕一个地瓜➕山药➕脱脂牛奶或者豆浆"</div>
  3099. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  3100. <span style="padding:2px 8px; background:#FF6B6B12; color:#FF6B6B; border-radius:3px; font-size:0.68rem; font-weight:600;">脂肪肝</span>
  3101. </div>
  3102. </div>
  3103. </div>
  3104. <div style="padding:20px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #D4A574; border-radius:var(--radius-md);">
  3105. <div style="color:var(--text-1); font-weight:800; font-size:1.12rem; margin-bottom:14px;">解锁熬夜自由</div>
  3106. <div style="display:grid; grid-template-columns:1fr auto 1fr; gap:10px; align-items:center; margin-bottom:14px;">
  3107. <div style="padding:12px 14px; background:#FF6B6B0A; border:1px solid #FF6B6B33; border-radius:4px;">
  3108. <div class="text-mono text-xs" style="color:#FF6B6B; margin-bottom:4px; font-weight:700;">BEFORE · 焦虑</div>
  3109. <div style="color:var(--text-1); font-size:0.82rem; line-height:1.6;">"18岁体检查出转氨酶偏高" ♥21328 · 年轻化健康焦虑</div>
  3110. </div>
  3111. <div style="color:#D4A574; font-size:1.6rem;">→</div>
  3112. <div style="padding:12px 14px; background:#D4A5740A; border:1px solid #D4A57433; border-radius:4px;">
  3113. <div class="text-mono text-xs" style="color:#D4A574; margin-bottom:4px; font-weight:700;">AFTER · 掌控</div>
  3114. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.6; font-weight:600;">&quot;熬夜党的心理安全带&quot;</div>
  3115. </div>
  3116. </div>
  3117. <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #D4A574; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  3118. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  3119. <div style="display:flex; align-items:center; gap:6px;">
  3120. <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>
  3121. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">灯下黑</span>
  3122. <span style="color:var(--text-3); font-size:0.68rem;">· 江西</span>
  3123. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 脂肪肝</span>
  3124. </div>
  3125. <div style="display:flex; align-items:center; gap:6px;">
  3126. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  3127. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥50</span>
  3128. <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>
  3129. </div>
  3130. </div>
  3131. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"现在十个体检最起码的有8个脂肪肝,因为现在人大部分都吃的很好啊,而且运动量不够啊。"</div>
  3132. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  3133. <span style="padding:2px 8px; background:#D4A57412; color:#D4A574; border-radius:3px; font-size:0.68rem; font-weight:600;">脂肪肝</span>
  3134. </div>
  3135. </div>
  3136. </div>
  3137. <div style="padding:20px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #8B2942; border-radius:var(--radius-md);">
  3138. <div style="color:var(--text-1); font-weight:800; font-size:1.12rem; margin-bottom:14px;">重建饮酒掌控感</div>
  3139. <div style="display:grid; grid-template-columns:1fr auto 1fr; gap:10px; align-items:center; margin-bottom:14px;">
  3140. <div style="padding:12px 14px; background:#FF6B6B0A; border:1px solid #FF6B6B33; border-radius:4px;">
  3141. <div class="text-mono text-xs" style="color:#FF6B6B; margin-bottom:4px; font-weight:700;">BEFORE · 焦虑</div>
  3142. <div style="color:var(--text-1); font-size:0.82rem; line-height:1.6;">"昨晚谁都不是我的对手,今天网搜怎么缓解" ♥5729 · 失控后自救</div>
  3143. </div>
  3144. <div style="color:#8B2942; font-size:1.6rem;">→</div>
  3145. <div style="padding:12px 14px; background:#8B29420A; border:1px solid #8B294233; border-radius:4px;">
  3146. <div class="text-mono text-xs" style="color:#8B2942; margin-bottom:4px; font-weight:700;">AFTER · 掌控</div>
  3147. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.6; font-weight:600;">&quot;应酬前一粒,次日还是我&quot;</div>
  3148. </div>
  3149. </div>
  3150. <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #8B2942; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  3151. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  3152. <div style="display:flex; align-items:center; gap:6px;">
  3153. <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>
  3154. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">Jude今天喝什么</span>
  3155. <span style="color:var(--text-3); font-size:0.68rem;">· 湖南</span>
  3156. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 熬夜伤肝</span>
  3157. </div>
  3158. <div style="display:flex; align-items:center; gap:6px;">
  3159. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  3160. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥8</span>
  3161. <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>
  3162. </div>
  3163. </div>
  3164. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"就这么说吧,等我什么时候不用工作了我就可以有规律的睡觉[黑脸]我就不需要去熬夜[黑脸]"</div>
  3165. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  3166. <span style="padding:2px 8px; background:#8B294212; color:#8B2942; border-radius:3px; font-size:0.68rem; font-weight:600;">熬夜</span>
  3167. </div>
  3168. </div>
  3169. </div>
  3170. <div style="padding:20px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #87A96B; border-radius:var(--radius-md);">
  3171. <div style="color:var(--text-1); font-weight:800; font-size:1.12rem; margin-bottom:14px;">日常自我关怀</div>
  3172. <div style="display:grid; grid-template-columns:1fr auto 1fr; gap:10px; align-items:center; margin-bottom:14px;">
  3173. <div style="padding:12px 14px; background:#FF6B6B0A; border:1px solid #FF6B6B33; border-radius:4px;">
  3174. <div class="text-mono text-xs" style="color:#FF6B6B; margin-bottom:4px; font-weight:700;">BEFORE · 焦虑</div>
  3175. <div style="color:var(--text-1); font-size:0.82rem; line-height:1.6;">"吃了大半年气色由内而外好" ♥13 · 长期坚持带来的安定</div>
  3176. </div>
  3177. <div style="color:#87A96B; font-size:1.6rem;">→</div>
  3178. <div style="padding:12px 14px; background:#87A96B0A; border:1px solid #87A96B33; border-radius:4px;">
  3179. <div class="text-mono text-xs" style="color:#87A96B; margin-bottom:4px; font-weight:700;">AFTER · 掌控</div>
  3180. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.6; font-weight:600;">&quot;对自己好一点,从每天 1 粒开始&quot;</div>
  3181. </div>
  3182. </div>
  3183. <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #87A96B; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  3184. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  3185. <div style="display:flex; align-items:center; gap:6px;">
  3186. <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>
  3187. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">红萝卜</span>
  3188. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 易善复</span>
  3189. </div>
  3190. <div style="display:flex; align-items:center; gap:6px;">
  3191. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  3192. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥7</span>
  3193. <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>
  3194. </div>
  3195. </div>
  3196. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"易善复是和甘草酸苷片每餐饭后一起吃不用间隔开来吗"</div>
  3197. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  3198. <span style="padding:2px 8px; background:#87A96B12; color:#87A96B; border-radius:3px; font-size:0.68rem; font-weight:600;">品牌认知</span>
  3199. </div>
  3200. </div>
  3201. </div>
  3202. </div>
  3203. <div class="fade-up" style="margin-top:24px;">
  3204. <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;">
  3205. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">EMOTIONAL PROMISE · 情绪承诺</div>
  3206. <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;"><strong>"肝纯片不治病,但它把你的焦虑<span style='color:#2D9C5D;'>变成一粒可以吞下去的安心</span>"</strong>——这是所有情绪价值的共同母题。</div>
  3207. <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">情绪价值不靠数据说服,靠<strong style="color:#FF6B6B;">场景同理心</strong> + <strong style="color:#2D9C5D;">自我关怀仪式感</strong>。广告片不拍产品,拍<em>使用它的人内心的转变</em>。</div>
  3208. </div>
  3209. </div>
  3210. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#FF6B6B08; border:1px solid #FF6B6B33; border-radius:var(--radius-md);">
  3211. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">落地决策 · 情绪价值落位</div>
  3212. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  3213. <div style="display:flex; gap:10px; align-items:flex-start;">
  3214. <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>
  3215. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>文案主轴</strong>:不讲"护肝"讲"不慌"——体检不慌、熬夜不慌、应酬不慌</div>
  3216. </div>
  3217. <div style="display:flex; gap:10px; align-items:flex-start;">
  3218. <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>
  3219. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>视觉主轴</strong>:每支广告片都有"焦虑 → 平静"的转变瞬间</div>
  3220. </div>
  3221. <div style="display:flex; gap:10px; align-items:flex-start;">
  3222. <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>
  3223. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>仪式感设计</strong>:瓶身设计 + 服用节奏 + App 打卡 = 每天一次"对自己好"的仪式</div>
  3224. </div>
  3225. <div style="display:flex; gap:10px; align-items:flex-start;">
  3226. <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>
  3227. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>共情社群</strong>:XHS "熬夜党互助小组" · 抖音 "饭局自救打卡"</div>
  3228. </div>
  3229. </div>
  3230. </div>
  3231. </div>
  3232. </section>
  3233. <section class="report-section" id="kano-4" data-tone="purple" data-slide-num="21/38">
  3234. <div class="section-inner">
  3235. <div class="section-head rise-in">
  3236. <div class="section-eyebrow" style="color:#C8A04B;">4.4 · JTBD Social</div>
  3237. <h2 class="text-h1"><span class="headline-anim"><span style="color:#C8A04B;">Social 社会价值</span>:肝纯片是什么样的"社交符号"</span></h2>
  3238. <p class="section-sub">产品不是孤立的——它是用户社交场里的<strong>符号道具</strong>。每个符号都对应一个关系、一个场景、一种身份表达。</p>
  3239. </div>
  3240. <div class="grid" style="grid-template-columns:1fr 1fr; gap:18px; margin-top:20px;">
  3241. <div style="padding:20px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #8B2942; border-radius:var(--radius-md);">
  3242. <div class="text-mono text-xs" style="color:#8B2942; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">SOCIAL ROLE</div>
  3243. <div style="color:var(--text-1); font-weight:800; font-size:1.12rem; margin-bottom:12px;">饭局社交货币</div>
  3244. <div style="padding:12px 14px; background:#8B294208; border-left:3px solid #8B2942; border-radius:4px; margin-bottom:12px;">
  3245. <div class="text-mono text-xs" style="color:#8B2942; margin-bottom:4px; font-weight:700;">场景剧本</div>
  3246. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.6;">酒局前从口袋掏出一板肝纯片——"老板喝酒备着这个,给您也来一粒"</div>
  3247. </div>
  3248. <div style="margin-bottom:12px; padding:10px 12px; background:#8B5CF60A; border-radius:4px;">
  3249. <div class="text-mono text-xs" style="color:#8B5CF6; margin-bottom:4px; font-weight:700;">VOC HOOK</div>
  3250. <div style="color:var(--text-1); font-size:0.82rem; line-height:1.55;">"就在酒企,维b和维c一次三片,酒量翻一倍" ♥4412 · 用户已经自行尝试"喝酒前的物件",肝纯片就是那个"物件"的升级版</div>
  3251. </div>
  3252. <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #8B2942; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  3253. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  3254. <div style="display:flex; align-items:center; gap:6px;">
  3255. <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>
  3256. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">腹独肌</span>
  3257. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 酒局必备</span>
  3258. </div>
  3259. <div style="display:flex; align-items:center; gap:6px;">
  3260. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  3261. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥874</span>
  3262. <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>
  3263. </div>
  3264. </div>
  3265. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"喝酒前喝一杯酸奶,不要空腹喝酒,喝酒时喝口酒再来口水,增加代谢[偷笑R]"</div>
  3266. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  3267. <span style="padding:2px 8px; background:#8B294212; color:#8B2942; border-radius:3px; font-size:0.68rem; font-weight:600;">应酬解酒</span>
  3268. </div>
  3269. </div>
  3270. <div style="margin-top:12px; padding:10px 12px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:4px;">
  3271. <div class="text-mono text-xs" style="color:#2D9C5D; margin-bottom:4px; font-weight:700;">身份标签</div>
  3272. <div style="color:var(--text-1); font-size:0.86rem;">商务场合的<strong>"懂行 + 体面"</strong>标签</div>
  3273. </div>
  3274. </div>
  3275. <div style="padding:20px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #C8A04B; border-radius:var(--radius-md);">
  3276. <div class="text-mono text-xs" style="color:#C8A04B; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">SOCIAL ROLE</div>
  3277. <div style="color:var(--text-1); font-weight:800; font-size:1.12rem; margin-bottom:12px;">孝心表达器</div>
  3278. <div style="padding:12px 14px; background:#C8A04B08; border-left:3px solid #C8A04B; border-radius:4px; margin-bottom:12px;">
  3279. <div class="text-mono text-xs" style="color:#C8A04B; margin-bottom:4px; font-weight:700;">场景剧本</div>
  3280. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.6;">过节回家 / 上门见家长 → "给爸爸买的护肝片,他熬夜多"</div>
  3281. </div>
  3282. <div style="margin-bottom:12px; padding:10px 12px; background:#8B5CF60A; border-radius:4px;">
  3283. <div class="text-mono text-xs" style="color:#8B5CF6; margin-bottom:4px; font-weight:700;">VOC HOOK</div>
  3284. <div style="color:var(--text-1); font-size:0.82rem; line-height:1.55;">"一共准备了十八样礼品...对长辈的尊重" ♥178 · 送礼场景里护肝品类几乎空白,有机会</div>
  3285. </div>
  3286. <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #C8A04B; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  3287. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  3288. <div style="display:flex; align-items:center; gap:6px;">
  3289. <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>
  3290. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">踢小猪屁股</span>
  3291. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 送长辈保健品</span>
  3292. </div>
  3293. <div style="display:flex; align-items:center; gap:6px;">
  3294. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  3295. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥13</span>
  3296. <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>
  3297. </div>
  3298. </div>
  3299. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"内啥 我想问一下 男朋友上门见家长 也是准备了上图差不多的量 他后备箱塞的满满的,但是怎么体面的拿上门呀,他一个人 一趟 肯定拿不了的 两趟?又不太合适吧。。。(是需要我下楼接他跟他一起拿上来对吗。。就怕两个人也拿不下)电视剧里也没教这些呀[哭惹R]"</div>
  3300. </div>
  3301. <div style="margin-top:12px; padding:10px 12px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:4px;">
  3302. <div class="text-mono text-xs" style="color:#2D9C5D; margin-bottom:4px; font-weight:700;">身份标签</div>
  3303. <div style="color:var(--text-1); font-size:0.86rem;">代际之间的<strong>"关心的仪式"</strong>符号</div>
  3304. </div>
  3305. </div>
  3306. <div style="padding:20px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #4A8A3A; border-radius:var(--radius-md);">
  3307. <div class="text-mono text-xs" style="color:#4A8A3A; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">SOCIAL ROLE</div>
  3308. <div style="color:var(--text-1); font-weight:800; font-size:1.12rem; margin-bottom:12px;">养生时尚圈层</div>
  3309. <div style="padding:12px 14px; background:#4A8A3A08; border-left:3px solid #4A8A3A; border-radius:4px; margin-bottom:12px;">
  3310. <div class="text-mono text-xs" style="color:#4A8A3A; margin-bottom:4px; font-weight:700;">场景剧本</div>
  3311. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.6;">小红书晒图 / 抖音 vlog —— "我的护肝功课:藤茶 DMY + 早睡"</div>
  3312. </div>
  3313. <div style="margin-bottom:12px; padding:10px 12px; background:#8B5CF60A; border-radius:4px;">
  3314. <div class="text-mono text-xs" style="color:#8B5CF6; margin-bottom:4px; font-weight:700;">VOC HOOK</div>
  3315. <div style="color:var(--text-1); font-size:0.82rem; line-height:1.55;">藤茶故事 × 东方草本 × 千年食饮 = 比 Swisse 更有故事的社交货币</div>
  3316. </div>
  3317. <div style="margin-top:12px; padding:10px 12px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:4px;">
  3318. <div class="text-mono text-xs" style="color:#2D9C5D; margin-bottom:4px; font-weight:700;">身份标签</div>
  3319. <div style="color:var(--text-1); font-size:0.86rem;">"养生时尚圈层"的<strong>"我选的是东方"</strong>身份标签</div>
  3320. </div>
  3321. </div>
  3322. <div style="padding:20px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #2D9C5D; border-radius:var(--radius-md);">
  3323. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">SOCIAL ROLE</div>
  3324. <div style="color:var(--text-1); font-weight:800; font-size:1.12rem; margin-bottom:12px;">家庭守护者</div>
  3325. <div style="padding:12px 14px; background:#2D9C5D08; border-left:3px solid #2D9C5D; border-radius:4px; margin-bottom:12px;">
  3326. <div class="text-mono text-xs" style="color:#2D9C5D; margin-bottom:4px; font-weight:700;">场景剧本</div>
  3327. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.6;">配偶 / 父母 / 子女间相互购买 —— "给我老公买的,他应酬多"</div>
  3328. </div>
  3329. <div style="margin-bottom:12px; padding:10px 12px; background:#8B5CF60A; border-radius:4px;">
  3330. <div class="text-mono text-xs" style="color:#8B5CF6; margin-bottom:4px; font-weight:700;">VOC HOOK</div>
  3331. <div style="color:var(--text-1); font-size:0.82rem; line-height:1.55;">汤臣倍健用户"气色由内而外好 ♥13"的长期陪伴感,肝纯片可以接这个盘</div>
  3332. </div>
  3333. <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;">
  3334. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  3335. <div style="display:flex; align-items:center; gap:6px;">
  3336. <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>
  3337. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">踢小猪屁股</span>
  3338. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 送长辈保健品</span>
  3339. </div>
  3340. <div style="display:flex; align-items:center; gap:6px;">
  3341. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  3342. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥0</span>
  3343. <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>
  3344. </div>
  3345. </div>
  3346. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"万也在看这些,儿子马上第一次上门。"</div>
  3347. </div>
  3348. <div style="margin-top:12px; padding:10px 12px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:4px;">
  3349. <div class="text-mono text-xs" style="color:#2D9C5D; margin-bottom:4px; font-weight:700;">身份标签</div>
  3350. <div style="color:var(--text-1); font-size:0.86rem;">家庭关系中的<strong>"我在乎你"</strong>具象化</div>
  3351. </div>
  3352. </div>
  3353. </div>
  3354. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#C8A04B08; border:1px solid #C8A04B33; border-radius:var(--radius-md);">
  3355. <div class="text-mono text-xs" style="color:#C8A04B; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">落地决策 · 4 种社交符号产品化</div>
  3356. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  3357. <div style="display:flex; gap:10px; align-items:flex-start;">
  3358. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#C8A04B; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">1</div>
  3359. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>饭局社交货币</strong>:商务铁盒装 24 粒 · ¥298 · 一物一码 + 送礼卡</div>
  3360. </div>
  3361. <div style="display:flex; gap:10px; align-items:flex-start;">
  3362. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#C8A04B; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">2</div>
  3363. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>孝心表达器</strong>:节日礼盒 2 瓶装 · ¥498-898 · 中式礼袋 + 溯源二维码</div>
  3364. </div>
  3365. <div style="display:flex; gap:10px; align-items:flex-start;">
  3366. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#C8A04B; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">3</div>
  3367. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>养生时尚圈层</strong>:XHS KOL 内容 + 东方草本视觉 + 藤茶溯源纪录片</div>
  3368. </div>
  3369. <div style="display:flex; gap:10px; align-items:flex-start;">
  3370. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#C8A04B; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">4</div>
  3371. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>家庭守护者</strong>:家庭装 60 粒 · ¥198 · 配带提醒服用 App</div>
  3372. </div>
  3373. </div>
  3374. </div>
  3375. </div>
  3376. </section>
  3377. <section class="report-section" id="kano-5" data-tone="purple" data-slide-num="22/38">
  3378. <div class="section-inner">
  3379. <div class="section-head rise-in">
  3380. <div class="section-eyebrow" style="color:#87A96B;">4.5 · 决策优先级</div>
  3381. <h2 class="text-h1"><span class="headline-anim"><span style="color:#87A96B;">KANO × JTBD</span> → <span style="color:#2D9C5D;">SKU / 话术 / 包装 / 价格</span> 映射</span></h2>
  3382. <p class="section-sub">把 KANO 5 类 × JTBD 3 维 折叠为<strong>12 项落地决策</strong>——每一项都是下游 SKU / 话术 / 包装 / 价格的直接输入。</p>
  3383. </div>
  3384. <div style="margin-top:20px;">
  3385. <div style="padding:18px 22px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md);">
  3386. <div class="text-mono text-xs" style="color:#87A96B; letter-spacing:0.15em; margin-bottom:12px; font-weight:700;">DECISION MATRIX · 12 项落地决策</div>
  3387. <table style="width:100%; border-collapse:collapse; font-size:0.88rem;">
  3388. <thead>
  3389. <tr style="border-bottom:2px solid #87A96B33;">
  3390. <th style="text-align:left; padding:10px 6px; color:var(--text-3); font-weight:700; font-size:0.8rem; letter-spacing:0.05em;">维度</th><th style="text-align:center; padding:10px 6px; color:#87A96B; font-weight:700; font-size:0.8rem; letter-spacing:0.05em;">Functional 功能</th><th style="text-align:center; padding:10px 6px; color:#87A96B; font-weight:700; font-size:0.8rem; letter-spacing:0.05em;">Emotional 情绪</th><th style="text-align:center; padding:10px 6px; color:#87A96B; font-weight:700; font-size:0.8rem; letter-spacing:0.05em;">Social 社会</th>
  3391. </tr>
  3392. </thead>
  3393. <tbody>
  3394. <tr style="border-bottom:1px solid var(--border);">
  3395. <td style="padding:10px 6px; color:#FF6B6B; text-align:left; font-weight:700;"><strong>必备</strong></td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">OTC 合规 × 成分表公开</td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">吃得安心 · 不怕长期</td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">可以光明正大送人的正品</td>
  3396. </tr><tr style="border-bottom:1px solid var(--border);">
  3397. <td style="padding:10px 6px; color:#D4A574; text-align:left; font-weight:700;"><strong>期望</strong></td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">DMY 清解酒后头疼 × ALT 下降</td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">体检不慌 · 熬夜心理安全带</td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">"懂行"的行家标签</td>
  3398. </tr><tr style="border-bottom:1px solid var(--border);">
  3399. <td style="padding:10px 6px; color:#2D9C5D; text-align:left; font-weight:700;"><strong>兴奋</strong></td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">30 天ALT 前后对比卡 · 溯源码</td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">千年食饮故事 + 自我关怀仪式</td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">中式新礼盒 × 张家界原产地背书</td>
  3400. </tr><tr style="border-bottom:1px solid var(--border);">
  3401. <td style="padding:10px 6px; color:#87A96B; text-align:left; font-weight:700;"><strong>无差异</strong></td><td style="padding:10px 6px; color:#87A96B; text-align:center; font-weight:400;">避免多成分堆砌</td><td style="padding:10px 6px; color:#87A96B; text-align:center; font-weight:400;">避免过度情绪营销</td><td style="padding:10px 6px; color:#87A96B; text-align:center; font-weight:400;">避免不痛不痒的一般性标语</td>
  3402. </tr><tr style="border-bottom:1px solid var(--border);">
  3403. <td style="padding:12px 6px; color:#8B2942; text-align:left; font-weight:700;"><strong>反向</strong></td><td style="padding:12px 6px; color:#8B2942; text-align:center; font-weight:400;">✗ 剂量夸张(如"7500 mg"话术)</td><td style="padding:12px 6px; color:#8B2942; text-align:center; font-weight:400;">✗ 恐惧营销 / 肝病吓人片</td><td style="padding:12px 6px; color:#8B2942; text-align:center; font-weight:400;">✗ 硬广"老哒"式 TVC 洗脑</td>
  3404. </tr>
  3405. </tbody>
  3406. </table>
  3407. </div>
  3408. </div>
  3409. <div class="grid" style="grid-template-columns:1fr 1fr 1fr 1fr; gap:16px; margin-top:24px;">
  3410. <div style="padding:18px; background:#FF6B6B08; border:1px solid #FF6B6B33; border-radius:var(--radius-md);">
  3411. <div class="text-mono text-xs" style="color:#FF6B6B; margin-bottom:8px; font-weight:700;">SKU 映射</div>
  3412. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.7;">
  3413. · 日常瓶 60 粒 ¥128<br/>
  3414. · 随身板 12 粒 ¥39<br/>
  3415. · 商务铁盒 24 粒 ¥198<br/>
  3416. · 礼盒 2 瓶 ¥498<br/>
  3417. · 家庭装 120 粒 ¥198<br/>
  3418. · 国礼级双瓶 ¥898
  3419. </div>
  3420. </div>
  3421. <div style="padding:18px; background:#D4A57408; border:1px solid #D4A57433; border-radius:var(--radius-md);">
  3422. <div class="text-mono text-xs" style="color:#D4A574; margin-bottom:8px; font-weight:700;">话术映射</div>
  3423. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.7;">
  3424. · 藤茶 DMY · 千年食饮<br/>
  3425. · 体检不慌 · 熬夜自救<br/>
  3426. · 饭局清早不头疼<br/>
  3427. · 江中 OTC 品质背书<br/>
  3428. · 对爸妈最具心意的礼<br/>
  3429. · 养生时尚 · 东方选择
  3430. </div>
  3431. </div>
  3432. <div style="padding:18px; background:#4A8A3A08; border:1px solid #4A8A3A33; border-radius:var(--radius-md);">
  3433. <div class="text-mono text-xs" style="color:#4A8A3A; margin-bottom:8px; font-weight:700;">包装映射</div>
  3434. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.7;">
  3435. · 东方草本视觉语言<br/>
  3436. · 藤叶纹样 + 金线<br/>
  3437. · 荷叶绿 + 米白主色<br/>
  3438. · 去药盒化 → 轻养生<br/>
  3439. · 中式新礼袋<br/>
  3440. · 一物一码 + 溯源
  3441. </div>
  3442. </div>
  3443. <div style="padding:18px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:var(--radius-md);">
  3444. <div class="text-mono text-xs" style="color:#2D9C5D; margin-bottom:8px; font-weight:700;">价格映射</div>
  3445. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.7;">
  3446. · 入门带:¥39-128<br/>
  3447. · 主销带:¥198-298<br/>
  3448. · 礼品带:¥498-898<br/>
  3449. · vs Swisse:便宜 20-30%<br/>
  3450. · vs 片仔癀:便宜 40-50%<br/>
  3451. · vs 易善复:贵 10-20%(免处方)
  3452. </div>
  3453. </div>
  3454. </div>
  3455. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#87A96B08; border:1px solid #87A96B33; border-radius:var(--radius-md);">
  3456. <div class="text-mono text-xs" style="color:#87A96B; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">落地决策 · 优先级排序</div>
  3457. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  3458. <div style="display:flex; gap:10px; align-items:flex-start;">
  3459. <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>
  3460. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>P0 优先级</strong>:必备 × Functional(OTC 合规 + 成分透明)— 上市前必做</div>
  3461. </div>
  3462. <div style="display:flex; gap:10px; align-items:flex-start;">
  3463. <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>
  3464. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>P1 优先级</strong>:期望 × Functional + Emotional(DMY 效果 + 情绪锚点)— 前 6 个月重点</div>
  3465. </div>
  3466. <div style="display:flex; gap:10px; align-items:flex-start;">
  3467. <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>
  3468. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>P2 优先级</strong>:兴奋 × Social(礼盒 + 社交货币)— 前 12 个月内完成</div>
  3469. </div>
  3470. <div style="display:flex; gap:10px; align-items:flex-start;">
  3471. <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>
  3472. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>明令禁止</strong>:反向列表(硬广/剂量夸张/恐惧营销)— 全生命周期</div>
  3473. </div>
  3474. </div>
  3475. </div>
  3476. </div>
  3477. </section>
  3478. <section class="report-section" id="scene" data-tone="orange" data-slide-num="23/38" style="justify-content:center;">
  3479. <div class="section-inner">
  3480. <div class="rise-in" style="text-align:center; margin-bottom:40px;">
  3481. <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>
  3482. <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.3em; margin-top:-2rem; font-weight:700;">CHAPTER 5 · SCENE MAP</div>
  3483. </div>
  3484. <div class="rise-in" style="text-align:center; margin-bottom:36px;">
  3485. <div style="font-size:3.2rem; margin-bottom:14px;">🗺</div>
  3486. <h2 class="text-poster" style="font-size:clamp(2.4rem, 5.2vw, 4.2rem); color:var(--text-1); letter-spacing:-0.025em;">场景四元素地图</h2>
  3487. <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>
  3488. </div>
  3489. <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);">
  3490. <p style="color:var(--text-1); font-size:1.08rem; line-height:1.82;"><strong style="color:#FF8C42;">时间 × 空间 × 触发事件</strong> 三元素交叉,肝纯片独占 <strong>应酬解酒 / 脂肪肝调理 / 熬夜前后 / 送长辈</strong> 四大场景——每个场景都在 XHS + 抖音有高赞 VOC 可做证据。其中 <strong style="color:#8B2942;">应酬解酒场景</strong>最肥(抖音"醋真的解酒"2038 赞 = 土办法反向需求);<strong style="color:#C8A04B;">送长辈场景</strong>最有溢价(空白品类 + 高客单价)。每个场景都有对应人群、话术、产品形态、定价方案。</p>
  3491. </div>
  3492. <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;">
  3493. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #FF8C4222; border-radius:var(--radius-sm); text-align:center;">
  3494. <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">5.1</div>
  3495. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">场景#1·应酬解酒·液体应急</div>
  3496. </div>
  3497. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #FF8C4222; border-radius:var(--radius-sm); text-align:center;">
  3498. <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">5.2</div>
  3499. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">场景#2·脂肪肝调理·日常养护</div>
  3500. </div>
  3501. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #FF8C4222; border-radius:var(--radius-sm); text-align:center;">
  3502. <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">5.3</div>
  3503. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">场景#3·熬夜前后·便携快取</div>
  3504. </div>
  3505. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #FF8C4222; border-radius:var(--radius-sm); text-align:center;">
  3506. <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">5.4</div>
  3507. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">场景#4·送长辈·孝心礼品</div>
  3508. </div>
  3509. </div>
  3510. <div class="fade-up" style="margin-top:48px; text-align:center;">
  3511. <div class="text-mono text-xs" style="color:var(--text-3); letter-spacing:0.3em;">SCROLL DOWN · 4 个子章 · VOC 实证 × 理论 × 决策</div>
  3512. </div>
  3513. </div>
  3514. </section>
  3515. <section class="report-section" id="scene-1" data-tone="orange" data-slide-num="24/38">
  3516. <div class="section-inner">
  3517. <div class="section-head rise-in">
  3518. <div class="section-eyebrow" style="color:#8B2942;">5.1 · 场景 #1</div>
  3519. <h2 class="text-h1"><span class="headline-anim"><span style="color:#8B2942;">应酬解酒</span>·液体应急·肝纯片最强场景</span></h2>
  3520. <p class="section-sub">VOC 证据最厚(应酬解酒 ♥5729 / 酒局必备 ♥4412 / 解酒神器 ♥7295)—— 这是肝纯片的<strong>王牌场景</strong>,也是 DMY 的天然用武之地。</p>
  3521. </div>
  3522. <div class="fade-up" style="padding:22px 26px; background:linear-gradient(135deg, #8B294210, #8B294204); border-left:4px solid #8B2942; border-radius:var(--radius-md); margin-bottom:28px;">
  3523. <div class="text-mono text-xs" style="color:#8B2942; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">SCENE ANATOMY · 四元素解剖</div>
  3524. <div style="color:var(--text-1); font-size:1.12rem; line-height:1.72; margin-bottom:10px;"><strong>"昨晚谁都不是我的对手,今天上网:喝多了第二天难受怎么缓解[笑哭R]"</strong>(XHS ♥5729)</div>
  3525. <div style="color:var(--text-2); font-size:0.92rem; margin-bottom:14px;">用户在饭局后"上网搜解决方案"的那一刻,就是肝纯片占据心智的黄金窗口——只要之前 24 小时里有过一次品牌触达。</div>
  3526. <div style="display:grid; grid-template-columns:repeat(4, 1fr); gap:12px;">
  3527. <div style="padding:12px 14px; background:#8B294208; border-radius:4px;">
  3528. <div class="text-mono text-xs" style="color:#8B2942; font-weight:700; margin-bottom:4px;">🕐 TIME</div>
  3529. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.5;">饭局前 30 分钟 / 饭局后次日清晨</div>
  3530. </div>
  3531. <div style="padding:12px 14px; background:#8B294208; border-radius:4px;">
  3532. <div class="text-mono text-xs" style="color:#8B2942; font-weight:700; margin-bottom:4px;">📍 SPACE</div>
  3533. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.5;">餐厅桌面 / 酒店房间 / 家中卧室</div>
  3534. </div>
  3535. <div style="padding:12px 14px; background:#8B294208; border-radius:4px;">
  3536. <div class="text-mono text-xs" style="color:#8B2942; font-weight:700; margin-bottom:4px;">⚡ TRIGGER</div>
  3537. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.5;">被劝酒 · 醒来头疼 · 次日宿醉 · 预知有酒局</div>
  3538. </div>
  3539. <div style="padding:12px 14px; background:#8B294208; border-radius:4px;">
  3540. <div class="text-mono text-xs" style="color:#8B2942; font-weight:700; margin-bottom:4px;">👤 PERSONA</div>
  3541. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.5;">30-50 岁男性商务 / 销售 / 体制内 · 月均酒局 4-8 次</div>
  3542. </div>
  3543. </div>
  3544. </div>
  3545. <div class="grid" style="grid-template-columns:1.1fr 0.9fr; gap:24px; margin-top:20px;">
  3546. <div>
  3547. <div class="text-mono text-xs" style="color:#8B2942; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">VOC · 真实饭局自救声音</div>
  3548. <div style="display:flex; flex-direction:column; gap:12px;">
  3549. <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #8B2942; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  3550. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  3551. <div style="display:flex; align-items:center; gap:6px;">
  3552. <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>
  3553. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">意</span>
  3554. <span style="color:var(--text-3); font-size:0.68rem;">· 四川</span>
  3555. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 应酬解酒</span>
  3556. </div>
  3557. <div style="display:flex; align-items:center; gap:6px;">
  3558. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  3559. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥428</span>
  3560. <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>
  3561. </div>
  3562. </div>
  3563. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"想必各位酒蒙子此时此刻都很难受吧[微笑]到处搜醒酒的[捂脸]"</div>
  3564. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #8B2942; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  3565. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  3566. <div style="display:flex; align-items:center; gap:6px;">
  3567. <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>
  3568. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">AAA大运重卡只跑国道汤师傅(拒保版)</span>
  3569. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 酒局必备</span>
  3570. </div>
  3571. <div style="display:flex; align-items:center; gap:6px;">
  3572. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  3573. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥1.6k</span>
  3574. <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>
  3575. </div>
  3576. </div>
  3577. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"医生现身说法,因为平时也会应酬喝酒,可以提前吃点维b这个主要是增加乙酸和乙醛脱氢酶活力的,加快酒精的代谢;然后就是酸奶,能够延缓酒精吸收,不那么快上头,保护胃粘膜;纳洛酮这个是拮抗酒精对大脑的抑制作用的,可以让人保持清醒;酒后可以吃点维c,加快酒精代谢,抗氧化减少肝损伤。酒后恶心呕吐头痛,可以喝点温蜂蜜水,里边有一种果糖可以加快酒精代谢。"</div>
  3578. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  3579. <span style="padding:2px 8px; background:#8B294212; color:#8B2942; border-radius:3px; font-size:0.68rem; font-weight:600;">应酬解酒</span><span style="padding:2px 8px; background:#8B294212; color:#8B2942; border-radius:3px; font-size:0.68rem; font-weight:600;">医生推荐</span>
  3580. </div>
  3581. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #8B2942; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  3582. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  3583. <div style="display:flex; align-items:center; gap:6px;">
  3584. <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>
  3585. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">点浆</span>
  3586. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 脂肪肝</span>
  3587. </div>
  3588. <div style="display:flex; align-items:center; gap:6px;">
  3589. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  3590. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥459</span>
  3591. <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>
  3592. </div>
  3593. </div>
  3594. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"莫名其妙火了那就统一回复一下!我爱吃水果,肉,绿叶菜,这三种都是一天不吃浑身难受能感受到基因里的渴望的那种。但都没有当顿吃,是在正常饮食内的,不存在今晚不吃正餐水果当饭的情况。我们家从小就注重一天三顿正餐好好吃不要吃零食,所以各种甜品糖果饼干小蛋糕等我是几乎不吃的,奶茶也不常喝,酒是一年最多喝一两次的。为什么会得脂肪肝呢我个人推测是:1熬夜,有几年因为神经紊乱熬夜严重。2水果还是吃得有点多,平均…"</div>
  3595. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  3596. <span style="padding:2px 8px; background:#8B294212; color:#8B2942; border-radius:3px; font-size:0.68rem; font-weight:600;">熬夜</span><span style="padding:2px 8px; background:#8B294212; color:#8B2942; border-radius:3px; font-size:0.68rem; font-weight:600;">脂肪肝</span>
  3597. </div>
  3598. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #8B2942; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  3599. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  3600. <div style="display:flex; align-items:center; gap:6px;">
  3601. <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>
  3602. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">8给糖759捣乱</span>
  3603. <span style="color:var(--text-3); font-size:0.68rem;">· 浙江</span>
  3604. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 应酬解酒</span>
  3605. </div>
  3606. <div style="display:flex; align-items:center; gap:6px;">
  3607. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  3608. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥2k</span>
  3609. <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>
  3610. </div>
  3611. </div>
  3612. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"醋真的解酒,我第一次喝酒,一瓶啤酒喝得当时好难受,看见旁边的醋碟里有一碟醋,我一口喝了,摇摇晃晃去了洗手间想躲一下,谁知道几分钟后头脑突然清醒了,又继续上战场喝了三瓶也没事[憨笑]"</div>
  3613. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  3614. <span style="padding:2px 8px; background:#8B294212; color:#8B2942; border-radius:3px; font-size:0.68rem; font-weight:600;">应酬解酒</span>
  3615. </div>
  3616. </div>
  3617. </div>
  3618. </div>
  3619. <div>
  3620. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:linear-gradient(135deg, #8B29420E, transparent); border:1px solid #8B294230; border-radius:var(--radius-md);">
  3621. <div class="text-mono text-xs" style="color:#8B2942; letter-spacing:0.2em; margin-bottom:12px; font-weight:700;">THEORY · SOLUTION · 肝纯片的 3 步设计</div>
  3622. <div style="color:var(--text-1); font-size:0.95rem; line-height:1.72;">
  3623. <div style="display:flex; flex-direction:column; gap:12px; font-size:0.9rem;">
  3624. <div style="padding:14px 16px; background:#8B29420C; border-left:3px solid #8B2942; border-radius:4px;">
  3625. <div style="color:#8B2942; font-weight:700; margin-bottom:4px;">① 饭局前 30 分钟</div>
  3626. <div style="color:var(--text-2); font-size:0.86rem;">吃 2 粒·<strong>DMY 预启动乙醛脱氢酶</strong> → "酒量翻倍不会吐"(♥4412 用户验证逻辑)</div>
  3627. </div>
  3628. <div style="padding:14px 16px; background:#8B29420C; border-left:3px solid #8B2942; border-radius:4px;">
  3629. <div style="color:#8B2942; font-weight:700; margin-bottom:4px;">② 饭局中</div>
  3630. <div style="color:var(--text-2); font-size:0.86rem;">产品形态<strong>便携不扎眼</strong>·男性口袋 / 公文包可装 24 粒铁盒</div>
  3631. </div>
  3632. <div style="padding:14px 16px; background:#8B29420C; border-left:3px solid #8B2942; border-radius:4px;">
  3633. <div style="color:#8B2942; font-weight:700; margin-bottom:4px;">③ 饭局后 / 次日</div>
  3634. <div style="color:var(--text-2); font-size:0.86rem;">再吃 1 粒·<strong>清解酒后头疼</strong>·成为用户记忆点的决定性体感</div>
  3635. </div>
  3636. </div>
  3637. </div>
  3638. </div>
  3639. </div>
  3640. </div>
  3641. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#8B294208; border:1px solid #8B294233; border-radius:var(--radius-md);">
  3642. <div class="text-mono text-xs" style="color:#8B2942; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">落地决策 · 应酬场景产品化</div>
  3643. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  3644. <div style="display:flex; gap:10px; align-items:flex-start;">
  3645. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#8B2942; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">1</div>
  3646. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>SKU:商务铁盒 24 粒 ¥198-298</strong> · 定位"每次饭局 8 次"的用量</div>
  3647. </div>
  3648. <div style="display:flex; gap:10px; align-items:flex-start;">
  3649. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#8B2942; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">2</div>
  3650. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>话术:饭前 30 分钟 + 饭后 1 粒</strong> · 教学型内容 + 场景剧</br></div>
  3651. </div>
  3652. <div style="display:flex; gap:10px; align-items:flex-start;">
  3653. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#8B2942; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">3</div>
  3654. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>渠道:餐饮 B2B2C 首选</strong> · 高档酒楼 / 商务 KTV / 地产销售酒会定向合作</div>
  3655. </div>
  3656. <div style="display:flex; gap:10px; align-items:flex-start;">
  3657. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#8B2942; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">4</div>
  3658. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>反面教材</strong>:不复读海王金樽"老哒广告"模式·不讲"永远的神"类空话</div>
  3659. </div>
  3660. </div>
  3661. </div>
  3662. </div>
  3663. </section>
  3664. <section class="report-section" id="scene-2" data-tone="orange" data-slide-num="25/38">
  3665. <div class="section-inner">
  3666. <div class="section-head rise-in">
  3667. <div class="section-eyebrow" style="color:#D4A574;">5.2 · 场景 #2</div>
  3668. <h2 class="text-h1"><span class="headline-anim"><span style="color:#D4A574;">脂肪肝调理</span>·日常养护·规模最大的存量市场</span></h2>
  3669. <p class="section-sub">脂肪肝人群是<strong>已知的 2.5 亿存量</strong>——体检单是第一触发,但<strong>"怎么办"</strong>市场尚未被教育成熟。</p>
  3670. </div>
  3671. <div class="fade-up" style="padding:22px 26px; background:linear-gradient(135deg, #D4A57410, #D4A57404); border-left:4px solid #D4A574; border-radius:var(--radius-md); margin-bottom:28px;">
  3672. <div class="text-mono text-xs" style="color:#D4A574; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">SCENE ANATOMY · 四元素解剖</div>
  3673. <div style="color:var(--text-1); font-size:1.12rem; line-height:1.72; margin-bottom:10px;"><strong>"我爱吃水果、肉、绿叶菜……为什么会得脂肪肝呢我个人推测是:1 熬夜"</strong>(XHS ♥459)</div>
  3674. <div style="color:var(--text-2); font-size:0.92rem; margin-bottom:14px;">用户知道自己得脂肪肝,但不知道怎么干预——这是典型的"问题已知 + 解决方案模糊"的蓝海机会。</div>
  3675. <div style="display:grid; grid-template-columns:repeat(4, 1fr); gap:12px;">
  3676. <div style="padding:12px 14px; background:#D4A57408; border-radius:4px;">
  3677. <div class="text-mono text-xs" style="color:#D4A574; font-weight:700; margin-bottom:4px;">🕐 TIME</div>
  3678. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.5;">体检后 3 天内(焦虑高峰) / 早晨 / 晚饭后</div>
  3679. </div>
  3680. <div style="padding:12px 14px; background:#D4A57408; border-radius:4px;">
  3681. <div class="text-mono text-xs" style="color:#D4A574; font-weight:700; margin-bottom:4px;">📍 SPACE</div>
  3682. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.5;">家 · 办公室 · 复诊路上</div>
  3683. </div>
  3684. <div style="padding:12px 14px; background:#D4A57408; border-radius:4px;">
  3685. <div class="text-mono text-xs" style="color:#D4A574; font-weight:700; margin-bottom:4px;">⚡ TRIGGER</div>
  3686. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.5;">体检单转氨酶异常 · 医生"注意饮食+运动" · 家人提醒</div>
  3687. </div>
  3688. <div style="padding:12px 14px; background:#D4A57408; border-radius:4px;">
  3689. <div class="text-mono text-xs" style="color:#D4A574; font-weight:700; margin-bottom:4px;">👤 PERSONA</div>
  3690. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.5;">28-45 岁 · 都市白领 + 中年男性 · 轻-中度脂肪肝 · 月收入中高</div>
  3691. </div>
  3692. </div>
  3693. </div>
  3694. <div class="grid" style="grid-template-columns:1.1fr 0.9fr; gap:24px; margin-top:20px;">
  3695. <div>
  3696. <div class="text-mono text-xs" style="color:#D4A574; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">VOC · 脂肪肝人群真实追问</div>
  3697. <div style="display:flex; flex-direction:column; gap:12px;">
  3698. <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #D4A574; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  3699. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  3700. <div style="display:flex; align-items:center; gap:6px;">
  3701. <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>
  3702. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">点浆</span>
  3703. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 脂肪肝</span>
  3704. </div>
  3705. <div style="display:flex; align-items:center; gap:6px;">
  3706. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  3707. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥333</span>
  3708. <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>
  3709. </div>
  3710. </div>
  3711. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"很多瘦子得脂肪肝很大原因是饥饿减肥 节食过程中身体缺少蛋白质分解脂肪 脂肪就在肝脏堆积 另一个原因是其他人回答的那样过量摄入果糖 水果吃太多了也会"</div>
  3712. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  3713. <span style="padding:2px 8px; background:#D4A57412; color:#D4A574; border-radius:3px; font-size:0.68rem; font-weight:600;">脂肪肝</span>
  3714. </div>
  3715. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #D4A574; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  3716. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  3717. <div style="display:flex; align-items:center; gap:6px;">
  3718. <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>
  3719. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">末名</span>
  3720. <span style="color:var(--text-3); font-size:0.68rem;">· 广东</span>
  3721. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 熬夜伤肝</span>
  3722. </div>
  3723. <div style="display:flex; align-items:center; gap:6px;">
  3724. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  3725. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥2.1w</span>
  3726. <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>
  3727. </div>
  3728. </div>
  3729. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"听我的,真别熬夜,我才18岁,不抽烟不喝酒,就是因为经常熬夜且睡得少,体检就查出来谷丙转氨酶偏高了"</div>
  3730. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  3731. <span style="padding:2px 8px; background:#D4A57412; color:#D4A574; border-radius:3px; font-size:0.68rem; font-weight:600;">熬夜</span><span style="padding:2px 8px; background:#D4A57412; color:#D4A574; border-radius:3px; font-size:0.68rem; font-weight:600;">应酬解酒</span><span style="padding:2px 8px; background:#D4A57412; color:#D4A574; border-radius:3px; font-size:0.68rem; font-weight:600;">脂肪肝</span>
  3732. </div>
  3733. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #D4A574; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  3734. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  3735. <div style="display:flex; align-items:center; gap:6px;">
  3736. <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>
  3737. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">点浆</span>
  3738. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 脂肪肝</span>
  3739. </div>
  3740. <div style="display:flex; align-items:center; gap:6px;">
  3741. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  3742. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥335</span>
  3743. <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>
  3744. </div>
  3745. </div>
  3746. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"你是不是经常熬夜并且熬夜的时候不怎么吃夜宵?空腹时间长了人体会分解脂肪在肝脏堆积,所以如果要熬夜必须吃点东西,吃点健康的蛋白质,比如卤牛腱这种,或者就是一日三餐之间不吃东西也容易脂肪肝,只要空腹时间长就这样,你看医院建议都是一天六顿少食多餐,正餐三顿点心三顿,每顿少吃点,一般瘦子脂肪肝多半是这两个原因,因为没有吃零食的习惯导致空腹时间过长"</div>
  3747. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  3748. <span style="padding:2px 8px; background:#D4A57412; color:#D4A574; border-radius:3px; font-size:0.68rem; font-weight:600;">熬夜</span><span style="padding:2px 8px; background:#D4A57412; color:#D4A574; border-radius:3px; font-size:0.68rem; font-weight:600;">脂肪肝</span><span style="padding:2px 8px; background:#D4A57412; color:#D4A574; border-radius:3px; font-size:0.68rem; font-weight:600;">怀疑</span>
  3749. </div>
  3750. </div>
  3751. </div>
  3752. </div>
  3753. <div>
  3754. <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);">
  3755. <div style="text-align:center;">
  3756. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#D4A574; letter-spacing:-0.02em;">2.5亿</div>
  3757. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">脂肪肝患者</div>
  3758. </div>
  3759. <div style="text-align:center;">
  3760. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#FF6B6B; letter-spacing:-0.02em;">27%</div>
  3761. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">成人患病率</div>
  3762. </div>
  3763. <div style="text-align:center;">
  3764. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#FF8C42; letter-spacing:-0.02em;">18-35</div>
  3765. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">年轻化主力</div>
  3766. </div>
  3767. <div style="text-align:center;">
  3768. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#2D9C5D; letter-spacing:-0.02em;">459</div>
  3769. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">XHS 单条最高赞</div>
  3770. </div>
  3771. </div>
  3772. <div style="margin-top:18px; padding:18px 22px; background:#D4A57408; border-left:3px solid #D4A574; border-radius:var(--radius-md);">
  3773. <div class="text-mono text-xs" style="color:#D4A574; letter-spacing:0.15em; margin-bottom:10px; font-weight:700;">USER JOURNEY · 用户旅程</div>
  3774. <div style="color:var(--text-1); font-size:0.88rem; line-height:1.8;">
  3775. <div><strong>Day 0</strong> → 体检单 ALT 偏高 → 焦虑高峰</div>
  3776. <div><strong>Day 1-7</strong> → XHS / 知乎搜 "脂肪肝怎么办" → 接触信息</div>
  3777. <div><strong>Day 8-30</strong> → 尝试饮食控制 / 运动 / 寻找辅助品</div>
  3778. <div><strong>Day 30+</strong> → 购买保健品(如易善复但被告知需医嘱)</div>
  3779. <div style="color:#2D9C5D; font-weight:700; margin-top:6px;">⇒ 肝纯片切入:Day 8-30 XHS 搜索阶段 + Day 30+ 购买时提供"无医嘱 OTC"替代</div>
  3780. </div>
  3781. </div>
  3782. </div>
  3783. </div>
  3784. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#D4A57408; border:1px solid #D4A57433; border-radius:var(--radius-md);">
  3785. <div class="text-mono text-xs" style="color:#D4A574; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">落地决策 · 脂肪肝场景产品化</div>
  3786. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  3787. <div style="display:flex; gap:10px; align-items:flex-start;">
  3788. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#D4A574; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">1</div>
  3789. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>SKU:日常瓶 60 粒 ¥128</strong> · 定位"每天 2 粒 30 天"的日常用量</div>
  3790. </div>
  3791. <div style="display:flex; gap:10px; align-items:flex-start;">
  3792. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#D4A574; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">2</div>
  3793. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>话术:30 天 ALT 下降趋势图</strong> + 医生背书 + <em>"不用医嘱但专业"</em></div>
  3794. </div>
  3795. <div style="display:flex; gap:10px; align-items:flex-start;">
  3796. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#D4A574; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">3</div>
  3797. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>渠道:药线药店 + 京东自营 + XHS 种草</strong>(体检旺季 3-4 月 + 9-10 月集中投放)</div>
  3798. </div>
  3799. <div style="display:flex; gap:10px; align-items:flex-start;">
  3800. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#D4A574; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">4</div>
  3801. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>内容:与三甲医院营养科 KOL 合作</strong>·做"脂肪肝日常干预" 30 天直播营</div>
  3802. </div>
  3803. </div>
  3804. </div>
  3805. </div>
  3806. </section>
  3807. <section class="report-section" id="scene-3" data-tone="orange" data-slide-num="26/38">
  3808. <div class="section-inner">
  3809. <div class="section-head rise-in">
  3810. <div class="section-eyebrow" style="color:#FF6B6B;">5.3 · 场景 #3</div>
  3811. <h2 class="text-h1"><span class="headline-anim"><span style="color:#FF6B6B;">熬夜前后</span>·便携快取·Z 世代的心智入口</span></h2>
  3812. <p class="section-sub">VOC 王牌证据 ♥21,328 单条——"18 岁熬夜就转氨酶偏高"是年轻化市场的情感扳机。</p>
  3813. </div>
  3814. <div class="fade-up" style="padding:22px 26px; background:linear-gradient(135deg, #FF6B6B10, #FF6B6B04); border-left:4px solid #FF6B6B; border-radius:var(--radius-md); margin-bottom:28px;">
  3815. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">SCENE ANATOMY · 四元素解剖</div>
  3816. <div style="color:var(--text-1); font-size:1.12rem; line-height:1.72; margin-bottom:10px;"><strong>"听我的,真别熬夜,我才18岁,不抽烟不喝酒,就是因为经常熬夜且睡得少,体检就查出来谷丙转氨酶偏高了"</strong>(抖音 ♥21,328)</div>
  3817. <div style="color:var(--text-2); font-size:0.92rem; margin-bottom:14px;">Z 世代从"我还年轻不需要养生"到"18 岁就转氨酶高"的心态转变,肝纯片是最简单的"心理安全带"。</div>
  3818. <div style="display:grid; grid-template-columns:repeat(4, 1fr); gap:12px;">
  3819. <div style="padding:12px 14px; background:#FF6B6B08; border-radius:4px;">
  3820. <div class="text-mono text-xs" style="color:#FF6B6B; font-weight:700; margin-bottom:4px;">🕐 TIME</div>
  3821. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.5;">晚上 10-12 点(熬夜前) / 凌晨 2-4 点(熬夜中) / 次日早晨(后悔自救)</div>
  3822. </div>
  3823. <div style="padding:12px 14px; background:#FF6B6B08; border-radius:4px;">
  3824. <div class="text-mono text-xs" style="color:#FF6B6B; font-weight:700; margin-bottom:4px;">📍 SPACE</div>
  3825. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.5;">宿舍 / 公寓 / 写字楼加班 / 夜店后</div>
  3826. </div>
  3827. <div style="padding:12px 14px; background:#FF6B6B08; border-radius:4px;">
  3828. <div class="text-mono text-xs" style="color:#FF6B6B; font-weight:700; margin-bottom:4px;">⚡ TRIGGER</div>
  3829. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.5;">大学期末 / 职场加班 / 追剧刷视频 / 游戏通宵 / 体检异常</div>
  3830. </div>
  3831. <div style="padding:12px 14px; background:#FF6B6B08; border-radius:4px;">
  3832. <div class="text-mono text-xs" style="color:#FF6B6B; font-weight:700; margin-bottom:4px;">👤 PERSONA</div>
  3833. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.5;">18-30 岁 · 学生 + 职场新人 · "养生焦虑青年"</div>
  3834. </div>
  3835. </div>
  3836. </div>
  3837. <div class="grid" style="grid-template-columns:1fr 1fr; gap:20px; margin-top:20px;">
  3838. <div>
  3839. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">VOC · 熬夜党真实焦虑</div>
  3840. <div style="display:flex; flex-direction:column; gap:12px;">
  3841. <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;">
  3842. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  3843. <div style="display:flex; align-items:center; gap:6px;">
  3844. <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>
  3845. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">林示王月</span>
  3846. <span style="color:var(--text-3); font-size:0.68rem;">· 江西</span>
  3847. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 熬夜伤肝</span>
  3848. </div>
  3849. <div style="display:flex; align-items:center; gap:6px;">
  3850. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  3851. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥516</span>
  3852. <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>
  3853. </div>
  3854. </div>
  3855. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"别熬夜,就熬了半年夜,转氨酶就高了[呆无辜]"</div>
  3856. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  3857. <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>
  3858. </div>
  3859. </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;">
  3860. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  3861. <div style="display:flex; align-items:center; gap:6px;">
  3862. <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>
  3863. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">末名</span>
  3864. <span style="color:var(--text-3); font-size:0.68rem;">· 广东</span>
  3865. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 熬夜伤肝</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);">♥2.1w</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;">"听我的,真别熬夜,我才18岁,不抽烟不喝酒,就是因为经常熬夜且睡得少,体检就查出来谷丙转氨酶偏高了"</div>
  3874. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  3875. <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><span style="padding:2px 8px; background:#FF6B6B12; color:#FF6B6B; border-radius:3px; font-size:0.68rem; font-weight:600;">脂肪肝</span>
  3876. </div>
  3877. </div>
  3878. </div>
  3879. </div>
  3880. <div>
  3881. <div style="padding:20px 24px; background:#FF6B6B08; border-left:3px solid #FF6B6B; border-radius:6px;">
  3882. <div style="display:flex; align-items:center; gap:10px; margin-bottom:10px;">
  3883. <span style="font-size:1.4rem;">🔥</span>
  3884. <div style="color:#FF6B6B; font-weight:700; font-size:0.96rem;">王牌证据 · ♥21,328 抖音爆款</div>
  3885. </div>
  3886. <div style="color:var(--text-1); font-size:0.88rem; line-height:1.7;"><strong>"听我的,真别熬夜,我才 18 岁...体检就查出来谷丙转氨酶偏高了"</strong><br/><br/>
  3887. 这条评论在抖音 <strong style="color:#FF6B6B;">21,328 次点赞</strong>,相当于<strong>一个小型 IP 的认知密度</strong>。
  3888. <strong>年轻化市场的"转氨酶焦虑"</strong>已经成为一个可被品牌接盘的情绪金矿——肝纯片是这个金矿最自然的答案。</div>
  3889. </div>
  3890. <div style="margin-top:18px;">
  3891. <div style="padding:20px 24px; background:#D4A57408; border-left:3px solid #D4A574; border-radius:6px;">
  3892. <div style="display:flex; align-items:center; gap:10px; margin-bottom:10px;">
  3893. <span style="font-size:1.4rem;">💊</span>
  3894. <div style="color:#D4A574; font-weight:700; font-size:0.96rem;">心智入口 · &quot;吓得赶紧吃两粒&quot;</div>
  3895. </div>
  3896. <div style="color:var(--text-1); font-size:0.88rem; line-height:1.7;">第二条高赞评论 <strong style="color:#D4A574;">♥4,823</strong> 就是"<strong>吓得我赶紧吃两粒护肝片</strong>"——<strong>用户自发完成了"熬夜 → 护肝片"的心智链接</strong>。
  3897. 肝纯片只需要做一件事:<em>成为"那两粒"</em>。</div>
  3898. </div>
  3899. </div>
  3900. </div>
  3901. </div>
  3902. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#FF6B6B08; border:1px solid #FF6B6B33; border-radius:var(--radius-md);">
  3903. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">落地决策 · 熬夜场景产品化</div>
  3904. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  3905. <div style="display:flex; gap:10px; align-items:flex-start;">
  3906. <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>
  3907. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>SKU:随身板装 12 粒 ¥39-68</strong> · 定位"单次熬夜 2 粒 + 备货"的低决策门槛</div>
  3908. </div>
  3909. <div style="display:flex; gap:10px; align-items:flex-start;">
  3910. <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>
  3911. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>话术:"熬夜党心理安全带"</strong> × <em>"吃了第二天没那么虚"</em>(不夸大疗效)</div>
  3912. </div>
  3913. <div style="display:flex; gap:10px; align-items:flex-start;">
  3914. <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>
  3915. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>渠道:抖音熬夜场景 + XHS Z 世代 KOL + 京东宿舍定向</strong></div>
  3916. </div>
  3917. <div style="display:flex; gap:10px; align-items:flex-start;">
  3918. <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>
  3919. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>内容:抖音剧情号合作</strong>"18 岁转氨酶异常" 情节化视频 + 肝纯片作"解法"植入</div>
  3920. </div>
  3921. </div>
  3922. </div>
  3923. </div>
  3924. </section>
  3925. <section class="report-section" id="scene-4" data-tone="orange" data-slide-num="27/38">
  3926. <div class="section-inner">
  3927. <div class="section-head rise-in">
  3928. <div class="section-eyebrow" style="color:#C8A04B;">5.4 · 场景 #4</div>
  3929. <h2 class="text-h1"><span class="headline-anim"><span style="color:#C8A04B;">送长辈·孝心礼品</span>·高毛利溢价场景</span></h2>
  3930. <p class="section-sub">这个场景 VOC 数据<strong>最少但最有潜力</strong>——送长辈保健品市场里,<strong>护肝品类目前几乎空白</strong>。</p>
  3931. </div>
  3932. <div class="fade-up" style="padding:22px 26px; background:linear-gradient(135deg, #C8A04B10, #C8A04B04); border-left:4px solid #C8A04B; border-radius:var(--radius-md); margin-bottom:28px;">
  3933. <div class="text-mono text-xs" style="color:#C8A04B; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">SCENE ANATOMY · 四元素解剖</div>
  3934. <div style="color:var(--text-1); font-size:1.12rem; line-height:1.72; margin-bottom:10px;"><strong>"一共准备了十八样礼品,准备的过程中我们两个人一起商量,我认为是两个人齐心协力的体现,也是我们对未来美好生活的向往和期待,同时更是对长辈的尊重"</strong>(XHS ♥178)</div>
  3935. <div style="color:var(--text-2); font-size:0.92rem; margin-bottom:14px;">用户已经在"怎么送礼"上自发展开深度讨论——送礼 = 关系 + 仪式感 + 面子的综合表达。肝纯片需要成为<strong>"懂行的人选的那份"</strong>。</div>
  3936. <div style="display:grid; grid-template-columns:repeat(4, 1fr); gap:12px;">
  3937. <div style="padding:12px 14px; background:#C8A04B08; border-radius:4px;">
  3938. <div class="text-mono text-xs" style="color:#C8A04B; font-weight:700; margin-bottom:4px;">🕐 TIME</div>
  3939. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.5;">春节 / 中秋 / 父亲节 · 重阳节 · 见家长 · 上门拜访</div>
  3940. </div>
  3941. <div style="padding:12px 14px; background:#C8A04B08; border-radius:4px;">
  3942. <div class="text-mono text-xs" style="color:#C8A04B; font-weight:700; margin-bottom:4px;">📍 SPACE</div>
  3943. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.5;">线上购买 · 线下药店礼盒 · 专柜</div>
  3944. </div>
  3945. <div style="padding:12px 14px; background:#C8A04B08; border-radius:4px;">
  3946. <div class="text-mono text-xs" style="color:#C8A04B; font-weight:700; margin-bottom:4px;">⚡ TRIGGER</div>
  3947. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.5;">节日 · 见家长 · 父亲熬夜加班 · 母亲体检异常 · 关系升级</div>
  3948. </div>
  3949. <div style="padding:12px 14px; background:#C8A04B08; border-radius:4px;">
  3950. <div class="text-mono text-xs" style="color:#C8A04B; font-weight:700; margin-bottom:4px;">👤 PERSONA</div>
  3951. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.5;">30-45 岁 · 已购房中产 · 孝心/面子驱动 · 单笔客单 ≥ ¥500</div>
  3952. </div>
  3953. </div>
  3954. </div>
  3955. <div class="grid" style="grid-template-columns:1fr 1fr; gap:20px; margin-top:20px;">
  3956. <div>
  3957. <div class="text-mono text-xs" style="color:#C8A04B; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">VOC · 送礼场景真实话语</div>
  3958. <div style="display:flex; flex-direction:column; gap:12px;">
  3959. <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #C8A04B; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  3960. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  3961. <div style="display:flex; align-items:center; gap:6px;">
  3962. <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>
  3963. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">踢小猪屁股</span>
  3964. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 送长辈保健品</span>
  3965. </div>
  3966. <div style="display:flex; align-items:center; gap:6px;">
  3967. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  3968. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥13</span>
  3969. <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>
  3970. </div>
  3971. </div>
  3972. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"内啥 我想问一下 男朋友上门见家长 也是准备了上图差不多的量 他后备箱塞的满满的,但是怎么体面的拿上门呀,他一个人 一趟 肯定拿不了的 两趟?又不太合适吧。。。(是需要我下楼接他跟他一起拿上来对吗。。就怕两个人也拿不下)电视剧里也没教这些呀[哭惹R]"</div>
  3973. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #C8A04B; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  3974. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  3975. <div style="display:flex; align-items:center; gap:6px;">
  3976. <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>
  3977. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">Magic Boy</span>
  3978. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 送长辈保健品</span>
  3979. </div>
  3980. <div style="display:flex; align-items:center; gap:6px;">
  3981. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  3982. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥0</span>
  3983. <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>
  3984. </div>
  3985. </div>
  3986. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"蹲后续分享,第一次上门紧张不?[斜眼R][斜眼R]"</div>
  3987. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #C8A04B; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  3988. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  3989. <div style="display:flex; align-items:center; gap:6px;">
  3990. <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>
  3991. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">Magic Boy</span>
  3992. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 送长辈保健品</span>
  3993. </div>
  3994. <div style="display:flex; align-items:center; gap:6px;">
  3995. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  3996. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥6</span>
  3997. <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>
  3998. </div>
  3999. </div>
  4000. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"第一次空手上门,婚后10年了。"</div>
  4001. </div>
  4002. </div>
  4003. </div>
  4004. <div>
  4005. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:linear-gradient(135deg, #C8A04B0E, transparent); border:1px solid #C8A04B30; border-radius:var(--radius-md);">
  4006. <div class="text-mono text-xs" style="color:#C8A04B; letter-spacing:0.2em; margin-bottom:12px; font-weight:700;">THEORY · COMPETITIVE LANDSCAPE · 送礼赛道现状</div>
  4007. <div style="color:var(--text-1); font-size:0.95rem; line-height:1.72;">
  4008. <div style="display:flex; flex-direction:column; gap:10px; font-size:0.88rem;">
  4009. <div style="padding:12px 14px; background:#B873330C; border-radius:4px;">
  4010. <div style="color:#B87333; font-weight:700;">👑 东阿阿胶 / 黄芪精</div>
  4011. <div style="color:var(--text-2); font-size:0.84rem;">补气血 · ¥400-1500 · 中式礼盒成熟</div>
  4012. </div>
  4013. <div style="padding:12px 14px; background:#0085CA0C; border-radius:4px;">
  4014. <div style="color:#0085CA; font-weight:700;">🦴 汤臣倍健钙片 / 蛋白粉</div>
  4015. <div style="color:var(--text-2); font-size:0.84rem;">补营养 · ¥200-500 · 大众化</div>
  4016. </div>
  4017. <div style="padding:12px 14px; background:#87A96B0C; border-radius:4px;">
  4018. <div style="color:#87A96B; font-weight:700;">🍵 Swisse / 澳洲进口</div>
  4019. <div style="color:var(--text-2); font-size:0.84rem;">进口心智 · ¥300-800 · 高端定位</div>
  4020. </div>
  4021. <div style="padding:12px 14px; background:#C8A04B1A; border:1.5px dashed #C8A04B; border-radius:4px;">
  4022. <div style="color:#C8A04B; font-weight:800;">✨ 肝纯片送长辈礼盒 · <em>无竞品</em></div>
  4023. <div style="color:var(--text-1); font-size:0.84rem;">藤茶 + 东方草本 · ¥498-898 · <strong>空白赛道</strong></div>
  4024. </div>
  4025. </div>
  4026. </div>
  4027. </div>
  4028. </div>
  4029. </div>
  4030. <div class="fade-up" style="margin-top:24px;">
  4031. <div class="rise-in" style="padding:28px 32px; background:linear-gradient(135deg, #C8A04B12, #C8A04B04); border-left:4px solid #C8A04B; border-radius:var(--radius-md); margin-bottom:32px;">
  4032. <div class="text-mono text-xs" style="color:#C8A04B; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">WHITE SPACE · 品类空白</div>
  4033. <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;"><strong style="color:#C8A04B;">"送长辈保健品"</strong>赛道里,<strong>护肝</strong>目前是<strong style="color:#2D9C5D;">没有标志性品牌</strong>的空白——这是肝纯片的<em>高毛利溢价蓝海</em>。</div>
  4034. <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">类比东阿阿胶占据"送气血"、黄芪精占据"送补气",<strong>肝纯片有机会独家占据"送护肝"</strong>心智。礼盒客单价 ¥498-898 对标进口 Swisse 同价,但给了"东方千年食饮 + 江中国民品牌"的双重溢价空间。</div>
  4035. </div>
  4036. </div>
  4037. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#C8A04B08; border:1px solid #C8A04B33; border-radius:var(--radius-md);">
  4038. <div class="text-mono text-xs" style="color:#C8A04B; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">落地决策 · 送长辈场景产品化</div>
  4039. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  4040. <div style="display:flex; gap:10px; align-items:flex-start;">
  4041. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#C8A04B; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">1</div>
  4042. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>SKU:礼盒 2 瓶 ¥498 / 国礼双瓶 ¥898</strong> · 中式新礼袋 + 烫金溯源卡</div>
  4043. </div>
  4044. <div style="display:flex; gap:10px; align-items:flex-start;">
  4045. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#C8A04B; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">2</div>
  4046. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>话术:"送给熬夜爸爸 / 应酬老公的一份贴心"</strong> × 类比东阿阿胶"送气血"模板</div>
  4047. </div>
  4048. <div style="display:flex; gap:10px; align-items:flex-start;">
  4049. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#C8A04B; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">3</div>
  4050. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>渠道:节日电商专场 · 药店节假日礼品专区 · 微信群团购 · 企业福利</strong></div>
  4051. </div>
  4052. <div style="display:flex; gap:10px; align-items:flex-start;">
  4053. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#C8A04B; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">4</div>
  4054. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>内容:XHS "回娘家伴手礼" / "男朋友上门见家长" 话题植入</strong>(已有 ♥178 讨论基础)</div>
  4055. </div>
  4056. </div>
  4057. </div>
  4058. </div>
  4059. </section>
  4060. <section class="report-section" id="competitor" data-tone="rose" data-slide-num="28/38" style="justify-content:center;">
  4061. <div class="section-inner">
  4062. <div class="rise-in" style="text-align:center; margin-bottom:40px;">
  4063. <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>
  4064. <div class="text-mono text-xs" style="color:#FF4D8D; letter-spacing:0.3em; margin-top:-2rem; font-weight:700;">CHAPTER 6 · COMPETITION AXES</div>
  4065. </div>
  4066. <div class="rise-in" style="text-align:center; margin-bottom:36px;">
  4067. <div style="font-size:3.2rem; margin-bottom:14px;">⚔</div>
  4068. <h2 class="text-poster" style="font-size:clamp(2.4rem, 5.2vw, 4.2rem); color:var(--text-1); letter-spacing:-0.025em;">竞品三轴图谱</h2>
  4069. <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>
  4070. </div>
  4071. <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);">
  4072. <p style="color:var(--text-1); font-size:1.08rem; line-height:1.82;"><strong style="color:#FF4D8D;">保健品 ↔ OTC 药 ↔ 食品</strong> 三轴定位图谱上,肝纯片的<strong style="color:#D4A574;">无人地带坐标</strong> = "<strong>保健品的温和</strong> × <strong>OTC 的信任</strong> × <strong>食品的便携</strong>"。直接对标 6 大竞品(Swisse / 易善复 / 葵花 / 片仔癀 / 海王金樽 / 熊胆粉)的 VOC 真差评,找出肝纯片的<strong style="color:#2D9C5D;">差异化 MOAT</strong>:真原料 + 千年食饮安全 + 不骂西药但走东方养生路径。</p>
  4073. </div>
  4074. <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;">
  4075. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #FF4D8D22; border-radius:var(--radius-sm); text-align:center;">
  4076. <div class="text-mono text-xs" style="color:#FF4D8D; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">6.1</div>
  4077. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">三轴定位图谱·保健品/OTC 药/食品</div>
  4078. </div>
  4079. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #FF4D8D22; border-radius:var(--radius-sm); text-align:center;">
  4080. <div class="text-mono text-xs" style="color:#FF4D8D; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">6.2</div>
  4081. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">无人地带坐标·肝纯片独占位</div>
  4082. </div>
  4083. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #FF4D8D22; border-radius:var(--radius-sm); text-align:center;">
  4084. <div class="text-mono text-xs" style="color:#FF4D8D; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">6.3</div>
  4085. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">6 竞品精对标·VOC 差异化 MOAT</div>
  4086. </div>
  4087. </div>
  4088. <div class="fade-up" style="margin-top:48px; text-align:center;">
  4089. <div class="text-mono text-xs" style="color:var(--text-3); letter-spacing:0.3em;">SCROLL DOWN · 3 个子章 · VOC 实证 × 理论 × 决策</div>
  4090. </div>
  4091. </div>
  4092. </section>
  4093. <section class="report-section" id="competitor-1" data-tone="rose" data-slide-num="29/38">
  4094. <div class="section-inner">
  4095. <div class="section-head rise-in">
  4096. <div class="section-eyebrow" style="color:#FF4D8D;">6.1 · 三轴图谱</div>
  4097. <h2 class="text-h1"><span class="headline-anim"><span style="color:#FF4D8D;">保健品 ↔ OTC 药 ↔ 食品</span> 三轴图谱</span></h2>
  4098. <p class="section-sub">护肝赛道不是单一品类,是<strong>三个重叠的市场</strong>。每一轴都有玩家、都有痛点、都有用户——三轴交汇处就是肝纯片的<strong>独家地带</strong>。</p>
  4099. </div>
  4100. <div class="grid" style="grid-template-columns:repeat(3, 1fr); gap:20px; margin-top:24px;">
  4101. <div style="padding:22px; background:var(--bg-1); border:1px solid var(--border); border-top:4px solid #8B5CF6; border-radius:var(--radius-md);">
  4102. <div style="display:flex; align-items:center; gap:10px; margin-bottom:16px;">
  4103. <div style="font-size:1.8rem;">💊</div>
  4104. <div>
  4105. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.15em; font-weight:700;">AXIS</div>
  4106. <div style="color:var(--text-1); font-weight:800; font-size:1.12rem;">保健品轴</div>
  4107. </div>
  4108. </div>
  4109. <div style="display:flex; flex-direction:column; gap:10px; margin-bottom:16px;">
  4110. <div style="padding:10px 12px; background:#8B5CF614; border-radius:4px;">
  4111. <div class="text-mono text-xs" style="color:#8B5CF6; font-weight:700; margin-bottom:2px;">TOP TIER</div>
  4112. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.5;">Swisse / 汤臣倍健 / 康恩贝</div>
  4113. </div>
  4114. <div style="padding:10px 12px; background:#8B5CF60C; border-radius:4px;">
  4115. <div class="text-mono text-xs" style="color:#8B5CF6; font-weight:700; margin-bottom:2px;">MID TIER</div>
  4116. <div style="color:var(--text-2); font-size:0.84rem; line-height:1.5;">葵花护肝片(兼)/ 片仔癀(兼)</div>
  4117. </div>
  4118. <div style="padding:10px 12px; background:#8B5CF606; border-radius:4px;">
  4119. <div class="text-mono text-xs" style="color:#8B5CF6; font-weight:700; margin-bottom:2px;">BOTTOM</div>
  4120. <div style="color:var(--text-3); font-size:0.84rem; line-height:1.5;">自发食补 / 代茶饮</div>
  4121. </div>
  4122. </div>
  4123. <div style="padding:12px 14px; background:#FF6B6B0A; border-left:3px solid #FF6B6B; border-radius:4px;">
  4124. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.1em; margin-bottom:4px; font-weight:700;">PAIN POINT</div>
  4125. <div style="color:var(--text-1); font-size:0.82rem; line-height:1.5;">痛点:吸收差 / 同质化 / 剂量话术失信</div>
  4126. </div>
  4127. </div>
  4128. <div style="padding:22px; background:var(--bg-1); border:1px solid var(--border); border-top:4px solid #0085CA; border-radius:var(--radius-md);">
  4129. <div style="display:flex; align-items:center; gap:10px; margin-bottom:16px;">
  4130. <div style="font-size:1.8rem;">💉</div>
  4131. <div>
  4132. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.15em; font-weight:700;">AXIS</div>
  4133. <div style="color:var(--text-1); font-weight:800; font-size:1.12rem;">OTC 药轴</div>
  4134. </div>
  4135. </div>
  4136. <div style="display:flex; flex-direction:column; gap:10px; margin-bottom:16px;">
  4137. <div style="padding:10px 12px; background:#0085CA14; border-radius:4px;">
  4138. <div class="text-mono text-xs" style="color:#0085CA; font-weight:700; margin-bottom:2px;">TOP TIER</div>
  4139. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.5;">易善复(处方) / 水飞蓟宾胶囊</div>
  4140. </div>
  4141. <div style="padding:10px 12px; background:#0085CA0C; border-radius:4px;">
  4142. <div class="text-mono text-xs" style="color:#0085CA; font-weight:700; margin-bottom:2px;">MID TIER</div>
  4143. <div style="color:var(--text-2); font-size:0.84rem; line-height:1.5;">护肝片(中成药) / 葵花护肝片</div>
  4144. </div>
  4145. <div style="padding:10px 12px; background:#0085CA06; border-radius:4px;">
  4146. <div class="text-mono text-xs" style="color:#0085CA; font-weight:700; margin-bottom:2px;">BOTTOM</div>
  4147. <div style="color:var(--text-3); font-size:0.84rem; line-height:1.5;">复方甘草酸苷 / 五酯胶囊</div>
  4148. </div>
  4149. </div>
  4150. <div style="padding:12px 14px; background:#FF6B6B0A; border-left:3px solid #FF6B6B; border-radius:4px;">
  4151. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.1em; margin-bottom:4px; font-weight:700;">PAIN POINT</div>
  4152. <div style="color:var(--text-1); font-size:0.82rem; line-height:1.5;">痛点:医嘱门槛 / 副作用 / 不日常</div>
  4153. </div>
  4154. </div>
  4155. <div style="padding:22px; background:var(--bg-1); border:1px solid var(--border); border-top:4px solid #4A8A3A; border-radius:var(--radius-md);">
  4156. <div style="display:flex; align-items:center; gap:10px; margin-bottom:16px;">
  4157. <div style="font-size:1.8rem;">🍵</div>
  4158. <div>
  4159. <div class="text-mono text-xs" style="color:#4A8A3A; letter-spacing:0.15em; font-weight:700;">AXIS</div>
  4160. <div style="color:var(--text-1); font-weight:800; font-size:1.12rem;">食品 / 茶饮轴</div>
  4161. </div>
  4162. </div>
  4163. <div style="display:flex; flex-direction:column; gap:10px; margin-bottom:16px;">
  4164. <div style="padding:10px 12px; background:#4A8A3A14; border-radius:4px;">
  4165. <div class="text-mono text-xs" style="color:#4A8A3A; font-weight:700; margin-bottom:2px;">TOP TIER</div>
  4166. <div style="color:var(--text-1); font-size:0.84rem; line-height:1.5;">藤茶 / 莓茶 / 代用茶(张家界 GI)</div>
  4167. </div>
  4168. <div style="padding:10px 12px; background:#4A8A3A0C; border-radius:4px;">
  4169. <div class="text-mono text-xs" style="color:#4A8A3A; font-weight:700; margin-bottom:2px;">MID TIER</div>
  4170. <div style="color:var(--text-2); font-size:0.84rem; line-height:1.5;">蜂王浆 / 黄芪精 / 食补汤方</div>
  4171. </div>
  4172. <div style="padding:10px 12px; background:#4A8A3A06; border-radius:4px;">
  4173. <div class="text-mono text-xs" style="color:#4A8A3A; font-weight:700; margin-bottom:2px;">BOTTOM</div>
  4174. <div style="color:var(--text-3); font-size:0.84rem; line-height:1.5;">普通茶水 / 温开水</div>
  4175. </div>
  4176. </div>
  4177. <div style="padding:12px 14px; background:#FF6B6B0A; border-left:3px solid #FF6B6B; border-radius:4px;">
  4178. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.1em; margin-bottom:4px; font-weight:700;">PAIN POINT</div>
  4179. <div style="color:var(--text-1); font-size:0.82rem; line-height:1.5;">痛点:不便携 / 不科学 / 无标准</div>
  4180. </div>
  4181. </div>
  4182. </div>
  4183. <div class="fade-up" style="margin-top:28px;">
  4184. <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;">
  4185. <div class="text-mono text-xs" style="color:#FF4D8D; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">THREE-AXIS OVERLAP · 三轴重叠</div>
  4186. <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;"><strong style="color:#FF4D8D;">任何单一轴上都有老玩家</strong>。肝纯片要做的不是在保健品轴上跟 Swisse 拼、也不是在 OTC 轴上跟易善复拼——而是<strong style="color:#2D9C5D;">把三轴最有利的心智资产全部拉到一起</strong>:<br/>保健品的<em>便捷</em> + OTC 的<em>信任</em> + 食品的<em>日常</em>。</div>
  4187. <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">下一节 6.2 将展示"三轴重叠点"的坐标——那就是肝纯片的<strong>独家地带</strong>。</div>
  4188. </div>
  4189. </div>
  4190. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#FF4D8D08; border:1px solid #FF4D8D33; border-radius:var(--radius-md);">
  4191. <div class="text-mono text-xs" style="color:#FF4D8D; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">落地决策 · 三轴战术协同</div>
  4192. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  4193. <div style="display:flex; gap:10px; align-items:flex-start;">
  4194. <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>
  4195. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>保健品轴战术</strong>:用 DMY 真差异化压 Swisse 同质化 + 价格便宜 20-30%</div>
  4196. </div>
  4197. <div style="display:flex; gap:10px; align-items:flex-start;">
  4198. <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>
  4199. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>OTC 药轴战术</strong>:用"无医嘱自由购" 绕开易善复 + 强调 OTC 合规背书</div>
  4200. </div>
  4201. <div style="display:flex; gap:10px; align-items:flex-start;">
  4202. <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>
  4203. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>食品轴战术</strong>:用张家界藤茶地理背书升级民间"野茶"认知</div>
  4204. </div>
  4205. <div style="display:flex; gap:10px; align-items:flex-start;">
  4206. <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>
  4207. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>三轴共识</strong>:所有宣传都要同时踩稳三个脚 —— "像食物一样安全,像药一样有效,像进口一样体面"</div>
  4208. </div>
  4209. </div>
  4210. </div>
  4211. </div>
  4212. </section>
  4213. <section class="report-section" id="competitor-2" data-tone="rose" data-slide-num="30/38">
  4214. <div class="section-inner">
  4215. <div class="section-head rise-in">
  4216. <div class="section-eyebrow" style="color:#2D9C5D;">6.2 · 无人地带坐标</div>
  4217. <h2 class="text-h1"><span class="headline-anim"><span style="color:#2D9C5D;">无人地带</span>:肝纯片的独家定位坐标</span></h2>
  4218. <p class="section-sub">三轴 × 两维(功能 / 情感)= 六象限。5/6 象限都有强竞品盘踞,<strong>只剩一个象限没人占——那就是肝纯片的坐标</strong>。</p>
  4219. </div>
  4220. <div style="padding:20px 26px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md);">
  4221. <div style="display:grid; grid-template-columns:52px 1fr 1fr; grid-template-rows:auto 1fr 1fr 40px; gap:12px; height:520px;">
  4222. <div style="grid-row:2 / span 2; grid-column:1; display:flex; align-items:center; justify-content:center; transform:rotate(-90deg); white-space:nowrap;">
  4223. <span class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.2em; font-weight:700;">专业感 vs 日常感</span>
  4224. </div>
  4225. <div style="grid-row:1; grid-column:2; text-align:center;"><span class="text-mono text-xs" style="color:#8B2942; font-weight:700;">专业化(重)</span></div>
  4226. <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>
  4227. <div style="grid-row:2; grid-column:2;">
  4228. <div style="padding:16px; background:#8B294208; border:1px solid #8B294240; border-radius:6px; height:100%; display:flex; flex-direction:column;">
  4229. <div class="text-mono text-xs" style="color:#8B2942; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">左上 · 专业 × 应急(有竞品)</div>
  4230. <ul style="color:var(--text-1); font-size:0.82rem; line-height:1.55; margin:0; padding-left:18px; list-style:disc;">
  4231. <li style="margin-bottom:4px;"><strong>护肝片</strong>(中成药)</li><li style="margin-bottom:4px;"><strong>熊胆粉</strong>(稀缺中药)</li><li style="margin-bottom:4px;"><strong>片仔癀</strong>(味苦)</li>
  4232. </ul>
  4233. <div style="margin-top:auto; padding-top:10px; color:#8B2942; font-size:0.74rem; font-style:italic;">痛点:口感差 / 贵 / 不便携</div>
  4234. </div></div>
  4235. <div style="grid-row:2; grid-column:3;">
  4236. <div style="padding:16px; background:#0085CA08; border:1px solid #0085CA40; border-radius:6px; height:100%; display:flex; flex-direction:column;">
  4237. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">右上 · 专业 × 日常(有竞品)</div>
  4238. <ul style="color:var(--text-1); font-size:0.82rem; line-height:1.55; margin:0; padding-left:18px; list-style:disc;">
  4239. <li style="margin-bottom:4px;"><strong>易善复</strong>(磷脂胆碱·OTC)</li><li style="margin-bottom:4px;"><strong>水飞蓟宾胶囊</strong></li><li style="margin-bottom:4px;"><strong>汤臣倍健</strong>(同质化)</li>
  4240. </ul>
  4241. <div style="margin-top:auto; padding-top:10px; color:#0085CA; font-size:0.74rem; font-style:italic;">痛点:医嘱门槛 / 同质化</div>
  4242. </div></div>
  4243. <div style="grid-row:3; grid-column:2;">
  4244. <div style="padding:16px; background:#FF8C4208; border:1px solid #FF8C4240; border-radius:6px; height:100%; display:flex; flex-direction:column;">
  4245. <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">左下 · 生活 × 应急(有竞品)</div>
  4246. <ul style="color:var(--text-1); font-size:0.82rem; line-height:1.55; margin:0; padding-left:18px; list-style:disc;">
  4247. <li style="margin-bottom:4px;"><strong>解酒饮料</strong>(RU-21)</li><li style="margin-bottom:4px;"><strong>海王金樽</strong>(硬广透支)</li><li style="margin-bottom:4px;"><strong>民间土办法</strong>(醋/酸奶)</li>
  4248. </ul>
  4249. <div style="margin-top:auto; padding-top:10px; color:#FF8C42; font-size:0.74rem; font-style:italic;">痛点:硬广 / 无品牌 / 不信任</div>
  4250. </div></div>
  4251. <div style="grid-row:3; grid-column:3;">
  4252. <div style="padding:16px; background:#2D9C5D08; border:1px solid #2D9C5D40; border-radius:6px; height:100%; display:flex; flex-direction:column;">
  4253. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">右下 · 生活 × 日常 &lt;strong style=&quot;color:#2D9C5D;&quot;&gt;(✨ 无人地带)&lt;/strong&gt;</div>
  4254. <ul style="color:var(--text-1); font-size:0.82rem; line-height:1.55; margin:0; padding-left:18px; list-style:disc;">
  4255. <li style="margin-bottom:4px;"><strong style="color:#2D9C5D;">✨ 肝纯片(独占位)</strong></li><li style="margin-bottom:4px;">(Swisse 部分覆盖但价贵)</li><li style="margin-bottom:4px;">(张家界莓茶但无品牌)</li>
  4256. </ul>
  4257. <div style="margin-top:auto; padding-top:10px; color:#2D9C5D; font-size:0.74rem; font-style:italic;">✅ 机会:真差异化 + 日常 + 亲民</div>
  4258. </div></div>
  4259. <div style="grid-row:4; grid-column:2; text-align:center;"><span class="text-mono text-xs" style="color:var(--text-3); letter-spacing:0.15em;">应急(单次) · 高门槛 ← 使用频次 × 场景门槛 → 日常(长期) · 低门槛</span></div>
  4260. <div style="grid-row:4; grid-column:3;"></div>
  4261. </div>
  4262. </div>
  4263. <div class="fade-up" style="margin-top:28px;">
  4264. <div style="padding:24px 28px; background:linear-gradient(135deg, #2D9C5D10, #4A8A3A06); border:2px solid #2D9C5D44; border-radius:var(--radius-lg);">
  4265. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.2em; margin-bottom:10px; font-weight:700;">🎯 POSITIONING STATEMENT · 定位宣言</div>
  4266. <div style="font-size:1.2rem; line-height:1.8; color:var(--text-1); font-weight:600;">
  4267. <strong style="color:#2D9C5D;">江中肝纯片</strong> 是为<br/>
  4268. <em style="color:var(--text-2);">「有护肝需求但又不想当病人 / 想日常保养但不想吃进口贵货 / 有 OTC 信任但要便捷生活化」</em><br/>
  4269. 的<strong style="color:#4A8A3A;">中国都市 25-45 岁中产群体</strong>准备的<br/>
  4270. <strong style="color:#D4A574;">藤茶 DMY 日常护肝养饮片剂</strong>。<br/>
  4271. <br/>
  4272. 不同于<strong style="color:#0085CA;">OTC 处方药</strong>需要医嘱,<br/>
  4273. 不同于<strong style="color:#8B5CF6;">进口保健品</strong>的吸收差和价格贵,<br/>
  4274. 不同于<strong style="color:#8B2942;">解酒专项饮料</strong>的硬广透支,<br/>
  4275. 肝纯片提供<strong style="color:#2D9C5D;">"中国千年藤茶 × OTC 国民品牌 × 日常便捷片剂"</strong>的三重复合心智。
  4276. </div>
  4277. </div>
  4278. </div>
  4279. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:var(--radius-md);">
  4280. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">落地决策 · 定位坐标及战术</div>
  4281. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  4282. <div style="display:flex; gap:10px; align-items:flex-start;">
  4283. <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>
  4284. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>锁定象限 Q4</strong>:生活化 × 日常长期 × 真差异化 × 亲民价格</div>
  4285. </div>
  4286. <div style="display:flex; gap:10px; align-items:flex-start;">
  4287. <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>
  4288. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>瓦解 Q1 易善复</strong>:无医嘱 + 价格便宜 + 东方文化感</div>
  4289. </div>
  4290. <div style="display:flex; gap:10px; align-items:flex-start;">
  4291. <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>
  4292. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>瓦解 Q2 片仔癀</strong>:好吞服 + 现代包装 + 便携日常</div>
  4293. </div>
  4294. <div style="display:flex; gap:10px; align-items:flex-start;">
  4295. <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>
  4296. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>瓦解 Q3 海王金樽</strong>:真体感 + 真场景 + 不硬广</div>
  4297. </div>
  4298. <div style="display:flex; gap:10px; align-items:flex-start;">
  4299. <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>
  4300. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>瓦解 Q1 Swisse</strong>:东方草本 > 西方进口 + 价格便宜 20-30%</div>
  4301. </div>
  4302. <div style="display:flex; gap:10px; align-items:flex-start;">
  4303. <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>
  4304. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>章节假设验证</strong>:H1 ✓ / H2 ✓ / H3 ✓ / H5 ✓</div>
  4305. </div>
  4306. </div>
  4307. </div>
  4308. </div>
  4309. </section>
  4310. <section class="report-section" id="competitor-3" data-tone="rose" data-slide-num="31/38">
  4311. <div class="section-inner">
  4312. <div class="section-head rise-in">
  4313. <div class="section-eyebrow" style="color:#FF4D8D;">6.3 · 6 竞品精对标</div>
  4314. <h2 class="text-h1"><span class="headline-anim"><span style="color:#FF4D8D;">VOC 差异化 MOAT</span>·每个竞品一条护城河</span></h2>
  4315. <p class="section-sub">逐个竞品列出:<strong>(1) 代表性 VOC / (2) 肝纯片的差异化 MOAT</strong>——6 条护城河共同构成肝纯片的竞争壁垒。</p>
  4316. </div>
  4317. <div class="grid" style="grid-template-columns:1fr; gap:16px; margin-top:20px;">
  4318. <div style="padding:18px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #8B5CF6; border-radius:var(--radius-md);">
  4319. <div style="display:grid; grid-template-columns:200px 1.3fr 1.3fr; gap:20px; align-items:center;">
  4320. <div>
  4321. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.15em; margin-bottom:4px; font-weight:700;">保健品轴</div>
  4322. <div style="color:var(--text-1); font-weight:800; font-size:1.1rem;">Swisse 护肝片</div>
  4323. </div>
  4324. <div>
  4325. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.1em; margin-bottom:6px; font-weight:700;">VOC 代表性声音</div>
  4326. <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;">
  4327. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  4328. <div style="display:flex; align-items:center; gap:6px;">
  4329. <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>
  4330. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">最佳男主角</span>
  4331. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· swisse护肝片</span>
  4332. </div>
  4333. <div style="display:flex; align-items:center; gap:6px;">
  4334. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  4335. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥37</span>
  4336. <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>
  4337. </div>
  4338. </div>
  4339. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"吃了转氨酶从正常到异常了 现在200多[捂脸R]现在打算停一段时间去检查一下肝功能[石化R]"</div>
  4340. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  4341. <span style="padding:2px 8px; background:#8B5CF612; color:#8B5CF6; border-radius:3px; font-size:0.68rem; font-weight:600;">脂肪肝</span>
  4342. </div>
  4343. </div>
  4344. </div>
  4345. <div>
  4346. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.1em; margin-bottom:6px; font-weight:700;">肝纯片差异化 MOAT</div>
  4347. <div style="padding:14px 16px; background:#2D9C5D0A; border:1px solid #2D9C5D33; border-radius:4px; color:var(--text-1); font-size:0.88rem; line-height:1.72;">
  4348. <strong>东方草本叙事</strong> > 西方进口神话 · <strong>价格便宜 20-30%</strong> · <strong>国人代谢适配</strong>
  4349. </div>
  4350. </div>
  4351. </div>
  4352. </div>
  4353. <div style="padding:18px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #0085CA; border-radius:var(--radius-md);">
  4354. <div style="display:grid; grid-template-columns:200px 1.3fr 1.3fr; gap:20px; align-items:center;">
  4355. <div>
  4356. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.15em; margin-bottom:4px; font-weight:700;">OTC 药轴</div>
  4357. <div style="color:var(--text-1); font-weight:800; font-size:1.1rem;">易善复</div>
  4358. </div>
  4359. <div>
  4360. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.1em; margin-bottom:6px; font-weight:700;">VOC 代表性声音</div>
  4361. <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;">
  4362. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  4363. <div style="display:flex; align-items:center; gap:6px;">
  4364. <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>
  4365. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">Prielom</span>
  4366. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 易善复</span>
  4367. </div>
  4368. <div style="display:flex; align-items:center; gap:6px;">
  4369. <span style="color:#2D9C5D; font-size:0.7rem; font-weight:600;">▲ 好评</span>
  4370. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥9</span>
  4371. <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>
  4372. </div>
  4373. </div>
  4374. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"先输液三天 同时按照博主的配方吃了三天 易善复一次2粒,联苯双酯滴丸5粒,双环醇片一次1粒。第四天早上查肝功能 谷丙159降到了149 谷草69升到了72 谷氨酰基转移酶51升到了64
  4375. 请问我这种情况需要增加药量吗 没按博主的剂量吃 吃的是说明书的推荐用量 目前开了五天的输液 …"</div>
  4376. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  4377. <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>
  4378. </div>
  4379. </div>
  4380. </div>
  4381. <div>
  4382. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.1em; margin-bottom:6px; font-weight:700;">肝纯片差异化 MOAT</div>
  4383. <div style="padding:14px 16px; background:#2D9C5D0A; border:1px solid #2D9C5D33; border-radius:4px; color:var(--text-1); font-size:0.88rem; line-height:1.72;">
  4384. <strong>OTC 免医嘱</strong> · <strong>日常长期服用</strong>安全 · 覆盖<strong>预防型</strong>(不必等异常)
  4385. </div>
  4386. </div>
  4387. </div>
  4388. </div>
  4389. <div style="padding:18px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #87A96B; border-radius:var(--radius-md);">
  4390. <div style="display:grid; grid-template-columns:200px 1.3fr 1.3fr; gap:20px; align-items:center;">
  4391. <div>
  4392. <div class="text-mono text-xs" style="color:#87A96B; letter-spacing:0.15em; margin-bottom:4px; font-weight:700;">OTC 药轴</div>
  4393. <div style="color:var(--text-1); font-weight:800; font-size:1.1rem;">葵花护肝片</div>
  4394. </div>
  4395. <div>
  4396. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.1em; margin-bottom:6px; font-weight:700;">VOC 代表性声音</div>
  4397. <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #87A96B; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  4398. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  4399. <div style="display:flex; align-items:center; gap:6px;">
  4400. <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>
  4401. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">Rx.</span>
  4402. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 葵花护肝片</span>
  4403. </div>
  4404. <div style="display:flex; align-items:center; gap:6px;">
  4405. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  4406. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥8</span>
  4407. <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>
  4408. </div>
  4409. </div>
  4410. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"吃了头晕,浑身发软想睡觉是正常的吗?这会早上吃了药刚晕完,吃中午吃了又开始晕了[捂脸R]"</div>
  4411. </div>
  4412. </div>
  4413. <div>
  4414. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.1em; margin-bottom:6px; font-weight:700;">肝纯片差异化 MOAT</div>
  4415. <div style="padding:14px 16px; background:#2D9C5D0A; border:1px solid #2D9C5D33; border-radius:4px; color:var(--text-1); font-size:0.88rem; line-height:1.72;">
  4416. <strong>食品级安全</strong>消除"天天吃担忧" · <strong>现代包装</strong>摆脱药盒感 · <strong>场景化</strong>不止"肝损"
  4417. </div>
  4418. </div>
  4419. </div>
  4420. </div>
  4421. <div style="padding:18px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #B87333; border-radius:var(--radius-md);">
  4422. <div style="display:grid; grid-template-columns:200px 1.3fr 1.3fr; gap:20px; align-items:center;">
  4423. <div>
  4424. <div class="text-mono text-xs" style="color:#B87333; letter-spacing:0.15em; margin-bottom:4px; font-weight:700;">OTC 药轴</div>
  4425. <div style="color:var(--text-1); font-weight:800; font-size:1.1rem;">片仔癀 护肝</div>
  4426. </div>
  4427. <div>
  4428. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.1em; margin-bottom:6px; font-weight:700;">VOC 代表性声音</div>
  4429. <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #B87333; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  4430. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  4431. <div style="display:flex; align-items:center; gap:6px;">
  4432. <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>
  4433. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">安心</span>
  4434. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 片仔癀护肝</span>
  4435. </div>
  4436. <div style="display:flex; align-items:center; gap:6px;">
  4437. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  4438. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥9</span>
  4439. <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>
  4440. </div>
  4441. </div>
  4442. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"我建议我老公每个月吃一粒,他说太凉了。"</div>
  4443. </div>
  4444. </div>
  4445. <div>
  4446. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.1em; margin-bottom:6px; font-weight:700;">肝纯片差异化 MOAT</div>
  4447. <div style="padding:14px 16px; background:#2D9C5D0A; border:1px solid #2D9C5D33; border-radius:4px; color:var(--text-1); font-size:0.88rem; line-height:1.72;">
  4448. <strong>好吞服</strong>解决口感壁垒 · <strong>价格 40% 折扣</strong> · <strong>日常化</strong>不止稀缺品
  4449. </div>
  4450. </div>
  4451. </div>
  4452. </div>
  4453. <div style="padding:18px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #8B2942; border-radius:var(--radius-md);">
  4454. <div style="display:grid; grid-template-columns:200px 1.3fr 1.3fr; gap:20px; align-items:center;">
  4455. <div>
  4456. <div class="text-mono text-xs" style="color:#8B2942; letter-spacing:0.15em; margin-bottom:4px; font-weight:700;">保健品 / 解酒</div>
  4457. <div style="color:var(--text-1); font-weight:800; font-size:1.1rem;">海王金樽</div>
  4458. </div>
  4459. <div>
  4460. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.1em; margin-bottom:6px; font-weight:700;">VOC 代表性声音</div>
  4461. <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #8B2942; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  4462. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  4463. <div style="display:flex; align-items:center; gap:6px;">
  4464. <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>
  4465. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">微醺的圣女果</span>
  4466. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 海王金樽</span>
  4467. </div>
  4468. <div style="display:flex; align-items:center; gap:6px;">
  4469. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  4470. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥366</span>
  4471. <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>
  4472. </div>
  4473. </div>
  4474. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"电解质水➕水溶c100 都要冰的 一起喝下去 5分钟马上不难受 相信我 亲测,不好使回来打我"</div>
  4475. </div>
  4476. </div>
  4477. <div>
  4478. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.1em; margin-bottom:6px; font-weight:700;">肝纯片差异化 MOAT</div>
  4479. <div style="padding:14px 16px; background:#2D9C5D0A; border:1px solid #2D9C5D33; border-radius:4px; color:var(--text-1); font-size:0.88rem; line-height:1.72;">
  4480. <strong>真 DMY 成分</strong>替代硬广 · <strong>XHS 种草</strong>替代 TVC · <strong>多场景</strong>不止解酒
  4481. </div>
  4482. </div>
  4483. </div>
  4484. </div>
  4485. <div style="padding:18px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #D4A574; border-radius:var(--radius-md);">
  4486. <div style="display:grid; grid-template-columns:200px 1.3fr 1.3fr; gap:20px; align-items:center;">
  4487. <div>
  4488. <div class="text-mono text-xs" style="color:#D4A574; letter-spacing:0.15em; margin-bottom:4px; font-weight:700;">保健品轴</div>
  4489. <div style="color:var(--text-1); font-weight:800; font-size:1.1rem;">汤臣倍健 护肝</div>
  4490. </div>
  4491. <div>
  4492. <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.1em; margin-bottom:6px; font-weight:700;">VOC 代表性声音</div>
  4493. <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #D4A574; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  4494. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  4495. <div style="display:flex; align-items:center; gap:6px;">
  4496. <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>
  4497. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">羊咩六六</span>
  4498. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 汤臣倍健护肝</span>
  4499. </div>
  4500. <div style="display:flex; align-items:center; gap:6px;">
  4501. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  4502. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥13</span>
  4503. <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>
  4504. </div>
  4505. </div>
  4506. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"我吃了大半年了,是真的能看的到气色由内而外的好!!"</div>
  4507. </div>
  4508. </div>
  4509. <div>
  4510. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.1em; margin-bottom:6px; font-weight:700;">肝纯片差异化 MOAT</div>
  4511. <div style="padding:14px 16px; background:#2D9C5D0A; border:1px solid #2D9C5D33; border-radius:4px; color:var(--text-1); font-size:0.88rem; line-height:1.72;">
  4512. <strong>DMY 真差异化</strong>打破同质化 · <strong>张家界故事</strong>建讲故事资本 · <strong>细分场景</strong>(应酬/脂肪肝/熬夜/送长辈)
  4513. </div>
  4514. </div>
  4515. </div>
  4516. </div>
  4517. </div>
  4518. <div class="fade-up" style="margin-top:28px;">
  4519. <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;">
  4520. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">MOAT SUMMARY · 护城河总结</div>
  4521. <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;"><strong style="color:#2D9C5D;">6 条 MOAT = 6 种替换场景</strong>。肝纯片不争单一赛道冠军,而是<strong>在每个赛道赢 10-15% 的替换份额</strong>——累计就是<strong>250 亿 × 10% = 25 亿</strong>的可达市场。</div>
  4522. <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">关键是每条护城河都是<strong>真材实料</strong>(DMY 真成分 / 江中真品牌 / 张家界真原产地),而不是营销话术——这是肝纯片与海王金樽路径的根本区别。</div>
  4523. </div>
  4524. </div>
  4525. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#FF4D8D08; border:1px solid #FF4D8D33; border-radius:var(--radius-md);">
  4526. <div class="text-mono text-xs" style="color:#FF4D8D; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">落地决策 · MOAT 组合战术</div>
  4527. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  4528. <div style="display:flex; gap:10px; align-items:flex-start;">
  4529. <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>
  4530. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>精准 MOAT 投放</strong>:6 条护城河 = 6 条内容 / KOL / 渠道的精准攻击路径</div>
  4531. </div>
  4532. <div style="display:flex; gap:10px; align-items:flex-start;">
  4533. <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>
  4534. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>MOAT 优先级</strong>:Swisse + 易善复优先(市场份额最大)· 海王金樽次之(解酒场景)</div>
  4535. </div>
  4536. <div style="display:flex; gap:10px; align-items:flex-start;">
  4537. <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>
  4538. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>避免对冲</strong>:不做全赛道正面对决,只在每个赛道抢"痛点替换"</div>
  4539. </div>
  4540. <div style="display:flex; gap:10px; align-items:flex-start;">
  4541. <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>
  4542. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>章节假设验证</strong>:H5 ✓ 五大竞品心智地图清晰 / H2 ✓ 海王金樽警示成立</div>
  4543. </div>
  4544. </div>
  4545. </div>
  4546. </div>
  4547. </section>
  4548. <section class="report-section" id="opportunity" data-tone="green" data-slide-num="32/38" style="justify-content:center;">
  4549. <div class="section-inner">
  4550. <div class="rise-in" style="text-align:center; margin-bottom:40px;">
  4551. <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>
  4552. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.3em; margin-top:-2rem; font-weight:700;">CHAPTER 7 · OPPORTUNITY</div>
  4553. </div>
  4554. <div class="rise-in" style="text-align:center; margin-bottom:36px;">
  4555. <div style="font-size:3.2rem; margin-bottom:14px;">💡</div>
  4556. <h2 class="text-poster" style="font-size:clamp(2.4rem, 5.2vw, 4.2rem); color:var(--text-1); letter-spacing:-0.025em;">新机会 × 新场景 × 新人群</h2>
  4557. <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>
  4558. </div>
  4559. <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);">
  4560. <p style="color:var(--text-1); font-size:1.08rem; line-height:1.82;">基于 VOC 深挖,提炼 <strong style="color:#2D9C5D;">3 条可落地长尾赛道</strong>:<br/>① <strong>DMY / 藤茶电商认知养成</strong>(对标 Swisse 靠小红书起量的节奏)<br/>② <strong>餐饮 B2B2C 锡纸分食</strong>(白领酒局 + 餐厅分装,反向海王金樽硬广模型)<br/>③ <strong>送长辈孝心礼盒</strong>(对标东阿阿胶 / 黄芪精的"送胃 / 送气血"路径)。每条赛道配真实 VOC 证据 + 场景话术 + 规模预估。</p>
  4561. </div>
  4562. <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;">
  4563. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #2D9C5D22; border-radius:var(--radius-sm); text-align:center;">
  4564. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">7.1</div>
  4565. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">新机会·DMY 电商认知养成</div>
  4566. </div>
  4567. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #2D9C5D22; border-radius:var(--radius-sm); text-align:center;">
  4568. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">7.2</div>
  4569. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">新场景·餐饮 B2B2C 锡纸分食</div>
  4570. </div>
  4571. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #2D9C5D22; border-radius:var(--radius-sm); text-align:center;">
  4572. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">7.3</div>
  4573. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">新人群·送长辈孝心礼盒</div>
  4574. </div>
  4575. </div>
  4576. <div class="fade-up" style="margin-top:48px; text-align:center;">
  4577. <div class="text-mono text-xs" style="color:var(--text-3); letter-spacing:0.3em;">SCROLL DOWN · 3 个子章 · VOC 实证 × 理论 × 决策</div>
  4578. </div>
  4579. </div>
  4580. </section>
  4581. <section class="report-section" id="opportunity-1" data-tone="green" data-slide-num="33/38">
  4582. <div class="section-inner">
  4583. <div class="section-head rise-in">
  4584. <div class="section-eyebrow" style="color:#2D9C5D;">7.1 · 新机会赛道</div>
  4585. <h2 class="text-h1"><span class="headline-anim"><span style="color:#2D9C5D;">DMY 电商认知养成</span>·对标 Swisse 小红书起量路径</span></h2>
  4586. <p class="section-sub">DMY 在国际已成熟(Amazon ★4.3 / 485+ reviews),但国内<strong>认知空白</strong>——这是电商种草最肥的认知红利期。</p>
  4587. </div>
  4588. <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);">
  4589. <div style="text-align:center;">
  4590. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#2D9C5D; letter-spacing:-0.02em;">485+</div>
  4591. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">Amazon DMY reviews</div>
  4592. </div>
  4593. <div style="text-align:center;">
  4594. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#C8A04B; letter-spacing:-0.02em;">★4.3</div>
  4595. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">Amazon DMY 均分</div>
  4596. </div>
  4597. <div style="text-align:center;">
  4598. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#FF6B6B; letter-spacing:-0.02em;">4.5%</div>
  4599. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">国内 DMY 搜索量</div>
  4600. <div style="color:#2D9C5D; font-size:0.7rem; margin-top:2px;">vs 水飞蓟</div>
  4601. </div>
  4602. <div style="text-align:center;">
  4603. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#D4A574; letter-spacing:-0.02em;">100+</div>
  4604. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">XHS 待开发 KOL</div>
  4605. </div>
  4606. <div style="text-align:center;">
  4607. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#0085CA; letter-spacing:-0.02em;">¥128-298</div>
  4608. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">目标客单价</div>
  4609. </div>
  4610. </div>
  4611. <div class="grid" style="grid-template-columns:1.2fr 1fr; gap:24px; margin-top:24px;">
  4612. <div>
  4613. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">VOC · Amazon DMY 海外已验证</div>
  4614. <div style="display:flex; flex-direction:column; gap:12px;">
  4615. <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;">
  4616. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  4617. <div style="display:flex; align-items:center; gap:6px;">
  4618. <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#FF990022; color:#FF9900; font-size:0.62rem; font-weight:700;">Az</span>
  4619. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">Random Reviewer</span>
  4620. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· dihydromyricetin</span>
  4621. </div>
  4622. <div style="display:flex; align-items:center; gap:6px;">
  4623. <span style="color:#2D9C5D; font-size:0.7rem; font-weight:600;">▲ 好评</span>
  4624. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">👍10</span>
  4625. <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>
  4626. </div>
  4627. </div>
  4628. <div style="display:flex; align-items:center; gap:4px; font-size:0.8rem;"><span style="color:#C8A04B">★</span><span style="color:#C8A04B">★</span><span style="color:#C8A04B">★</span><span style="color:#C8A04B">★</span><span style="color:#C8A04B">★</span><span style="margin-left:8px; padding:1px 6px; background:#2D9C5D18; color:#2D9C5D; border-radius:10px; font-size:0.62rem; font-family:var(--font-mono); font-weight:700;">已购</span></div>
  4629. <div style="color:#2D9C5D; font-size:0.82rem; font-weight:700; margin-bottom:2px;">Amazing for hangover reduction, be wary of taking prior to drinking</div>
  4630. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"I had been using one of the other popular brands for DHM hangover “cures,&quot; and that one worked pretty well but I decided to try this one for the &quot;liposomal&quot; DHM, and can confirm that for me, this wor…"</div>
  4631. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  4632. <span style="padding:2px 8px; background:#2D9C5D12; color:#2D9C5D; border-radius:3px; font-size:0.68rem; font-weight:600;">推荐/真香</span>
  4633. </div>
  4634. </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;">
  4635. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  4636. <div style="display:flex; align-items:center; gap:6px;">
  4637. <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#FF990022; color:#FF9900; font-size:0.62rem; font-weight:700;">Az</span>
  4638. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">Luke H.</span>
  4639. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· dihydromyricetin</span>
  4640. </div>
  4641. <div style="display:flex; align-items:center; gap:6px;">
  4642. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  4643. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">👍7</span>
  4644. <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>
  4645. </div>
  4646. </div>
  4647. <div style="display:flex; align-items:center; gap:4px; font-size:0.8rem;"><span style="color:#C8A04B">★</span><span style="color:#C8A04B">★</span><span style="color:#C8A04B">★</span><span style="color:var(--text-3)">★</span><span style="color:var(--text-3)">★</span></div>
  4648. <div style="color:#2D9C5D; font-size:0.82rem; font-weight:700; margin-bottom:2px;">Makes me WIRED if I take more than 1 capsule, but even 1 makes it harder to fall asleep</div>
  4649. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"Works well when I took just one capsule, but if I take 2 or 3 as the bottle suggests.... NO SLEEP! I read that NAC can give energy... and I‘m very sensitive to caffeine, can’t have a Coke past 5pm wi…"</div>
  4650. </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;">
  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:#FF990022; color:#FF9900; font-size:0.62rem; font-weight:700;">Az</span>
  4654. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">Lynea Frankel</span>
  4655. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· dihydromyricetin</span>
  4656. </div>
  4657. <div style="display:flex; align-items:center; gap:6px;">
  4658. <span style="color:#2D9C5D; font-size:0.7rem; font-weight:600;">▲ 好评</span>
  4659. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">👍9</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="display:flex; align-items:center; gap:4px; font-size:0.8rem;"><span style="color:#C8A04B">★</span><span style="color:#C8A04B">★</span><span style="color:#C8A04B">★</span><span style="color:#C8A04B">★</span><span style="color:#C8A04B">★</span><span style="margin-left:8px; padding:1px 6px; background:#2D9C5D18; color:#2D9C5D; border-radius:10px; font-size:0.62rem; font-family:var(--font-mono); font-weight:700;">已购</span></div>
  4664. <div style="color:#2D9C5D; font-size:0.82rem; font-weight:700; margin-bottom:2px;">Does not matter when you take it… it works!</div>
  4665. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"This product is amazing! I have given so many friends pills to use &amp; they are as amazed as I am on how well it works! Our cruise group loves when these are in my “Mary Poppins bag”! A life saver for …"</div>
  4666. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  4667. <span style="padding:2px 8px; background:#2D9C5D12; color:#2D9C5D; border-radius:3px; font-size:0.68rem; font-weight:600;">推荐/真香</span>
  4668. </div>
  4669. </div>
  4670. </div>
  4671. <div style="margin-top:18px; padding:18px 22px; background:#2D9C5D08; border-left:3px solid #2D9C5D; border-radius:var(--radius-md);">
  4672. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:10px; font-weight:700;">STRATEGY · 跨境 DMY 认知倒灌</div>
  4673. <div style="color:var(--text-1); font-size:0.88rem; line-height:1.8;">
  4674. <strong>第 1 阶段</strong>:搬运 Amazon DMY 真实好评到 XHS / B 站 / 小红书作"海外同款"种草<br/>
  4675. <strong>第 2 阶段</strong>:对接跨境小 KOL + 代购圈 + 留学生 KOC 做"中国版 DMY 更好"对比<br/>
  4676. <strong>第 3 阶段</strong>:对接 <strong>江中肝纯片 = 中国 DMY 领导品牌</strong>心智占位
  4677. </div>
  4678. </div>
  4679. </div>
  4680. <div>
  4681. <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);">
  4682. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.2em; margin-bottom:12px; font-weight:700;">THEORY · PLAYBOOK · Swisse 国内起量参考</div>
  4683. <div style="color:var(--text-1); font-size:0.95rem; line-height:1.72;">
  4684. <div style="display:flex; flex-direction:column; gap:12px; font-size:0.88rem;">
  4685. <div style="padding:12px 14px; background:#8B5CF60C; border-radius:4px;">
  4686. <div style="color:#8B5CF6; font-weight:700; margin-bottom:4px;">① XHS 种草矩阵</div>
  4687. <div style="color:var(--text-2); font-size:0.84rem;">Swisse 2018-2020 靠 3000+ 素人笔记起量。肝纯片预算 500-1000 条素人 + 50+ 腰部 KOL</div>
  4688. </div>
  4689. <div style="padding:12px 14px; background:#8B5CF60C; border-radius:4px;">
  4690. <div style="color:#8B5CF6; font-weight:700; margin-bottom:4px;">② 京东自营旗舰</div>
  4691. <div style="color:var(--text-2); font-size:0.84rem;">Swisse 京东自营日销 100-200 单。肝纯片目标 Y1 日销 50-80 单(进店转化 2-3%)</div>
  4692. </div>
  4693. <div style="padding:12px 14px; background:#8B5CF60C; border-radius:4px;">
  4694. <div style="color:#8B5CF6; font-weight:700; margin-bottom:4px;">③ 抖音场景剧情号</div>
  4695. <div style="color:var(--text-2); font-size:0.84rem;">Swisse 靠剧情号"留学生推荐" "妈妈背着给家里"起量。肝纯片用"熬夜党自救"剧情</div>
  4696. </div>
  4697. <div style="padding:12px 14px; background:#8B5CF60C; border-radius:4px;">
  4698. <div style="color:#8B5CF6; font-weight:700; margin-bottom:4px;">④ 丁香医生 + KOC 背书</div>
  4699. <div style="color:var(--text-2); font-size:0.84rem;">Swisse 投了丁香医生科普。肝纯片 Y1 投 3-5 家医学科普号 + 10+ 中医师 KOC</div>
  4700. </div>
  4701. </div>
  4702. </div>
  4703. </div>
  4704. <div style="margin-top:18px; padding:18px 22px; background:#2D9C5D08; border:1.5px dashed #2D9C5D; border-radius:var(--radius-md);">
  4705. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">目标规模</div>
  4706. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.7;">
  4707. Y1 电商 GMV 目标 <strong style="color:#2D9C5D;">2 亿</strong><br/>
  4708. Y2 GMV 增至 <strong style="color:#D4A574;">5 亿</strong><br/>
  4709. Y3 成为 <strong style="color:#0085CA;">DMY 品类 TOP 1</strong>
  4710. </div>
  4711. </div>
  4712. </div>
  4713. </div>
  4714. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:var(--radius-md);">
  4715. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">落地决策 · 电商起量组合拳</div>
  4716. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  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;">1</div>
  4719. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>XHS 种草</strong>:Y1 投放 500 条素人 + 50 腰部 KOL + 5 头部 KOL(预算 500-800 万)</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;">2</div>
  4723. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>京东自营</strong>:日常瓶 60 粒 ¥128 主销 + 随身板 12 粒 ¥39 引流</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;">3</div>
  4727. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>抖音剧情</strong>:与"熬夜党自救" "男朋友给女朋友买护肝" 剧情号 CPV 合作</div>
  4728. </div>
  4729. <div style="display:flex; gap:10px; align-items:flex-start;">
  4730. <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>
  4731. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>丁香医生</strong>:投放 3-5 篇 DMY 科学机理文 + 5-10 位中医师 KOC 短视频背书</div>
  4732. </div>
  4733. </div>
  4734. </div>
  4735. </div>
  4736. </section>
  4737. <section class="report-section" id="opportunity-2" data-tone="green" data-slide-num="34/38">
  4738. <div class="section-inner">
  4739. <div class="section-head rise-in">
  4740. <div class="section-eyebrow" style="color:#8B2942;">7.2 · 新场景赛道</div>
  4741. <h2 class="text-h1"><span class="headline-anim"><span style="color:#8B2942;">餐饮 B2B2C 锡纸分食</span>·反海王金樽模型</span></h2>
  4742. <p class="section-sub">海王金樽败在"让用户去药店买"——肝纯片<strong>把产品直接放到饭桌上</strong>(餐厅 B2B2C 合作),用<strong>场景分发</strong>代替广告轰炸。</p>
  4743. </div>
  4744. <div class="rise-in" style="padding:28px 32px; background:linear-gradient(135deg, #8B294212, #8B294204); border-left:4px solid #8B2942; border-radius:var(--radius-md); margin-bottom:32px;">
  4745. <div class="text-mono text-xs" style="color:#8B2942; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">NEW PLAYBOOK · 饭桌植入模型</div>
  4746. <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;"><strong>"在酒企的老司机说:维b 和维c 一次三片,半个小时前吃,酒量翻一倍不会吐"</strong>(XHS ♥4412)—— 用户已经在<strong>自发寻找"饭前/饭中"方案</strong>,但没有专业产品。肝纯片就是<strong>那个专业产品</strong>。</div>
  4747. <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">把肝纯片锡纸包装(2 粒 / 4 粒)放在<strong>商务酒楼 / 高档会所 / 酒店客房</strong>的桌面 / 礼品台 / 迷你吧,<strong>用户一落座就看到</strong>——这比任何 TVC 广告都有效。</div>
  4748. </div>
  4749. <div class="grid" style="grid-template-columns:1.1fr 0.9fr; gap:24px; margin-top:24px;">
  4750. <div>
  4751. <div class="text-mono text-xs" style="color:#8B2942; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">VOC · 用户自发的"饭前方案"</div>
  4752. <div style="display:flex; flex-direction:column; gap:12px;">
  4753. <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #8B2942; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  4754. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  4755. <div style="display:flex; align-items:center; gap:6px;">
  4756. <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>
  4757. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">腹独肌</span>
  4758. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 酒局必备</span>
  4759. </div>
  4760. <div style="display:flex; align-items:center; gap:6px;">
  4761. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  4762. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥874</span>
  4763. <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>
  4764. </div>
  4765. </div>
  4766. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"喝酒前喝一杯酸奶,不要空腹喝酒,喝酒时喝口酒再来口水,增加代谢[偷笑R]"</div>
  4767. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  4768. <span style="padding:2px 8px; background:#8B294212; color:#8B2942; border-radius:3px; font-size:0.68rem; font-weight:600;">应酬解酒</span>
  4769. </div>
  4770. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #8B2942; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  4771. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  4772. <div style="display:flex; align-items:center; gap:6px;">
  4773. <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>
  4774. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">腹独肌</span>
  4775. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 酒局必备</span>
  4776. </div>
  4777. <div style="display:flex; align-items:center; gap:6px;">
  4778. <span style="color:#2D9C5D; font-size:0.7rem; font-weight:600;">▲ 好评</span>
  4779. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥13</span>
  4780. <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>
  4781. </div>
  4782. </div>
  4783. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"我喝天地一号还有酸奶。我不常喝酒,但没办法完全不喝。苹果醋对我最有效,目前没有喝醉过,也有可能是没碰到很厉害的酒局。我碰到挑战最大的酒局,就是喝了一杯苹果醋后,顶住了1/3杯白酒+四五杯啤酒(饭店用的统一消毒的那种杯子),脸有点红还有热,半个小时后就没事了。没晕没吐。你参考下[大笑R][大笑R]"</div>
  4784. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  4785. <span style="padding:2px 8px; background:#8B294212; color:#8B2942; border-radius:3px; font-size:0.68rem; font-weight:600;">应酬解酒</span>
  4786. </div>
  4787. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #8B2942; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  4788. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  4789. <div style="display:flex; align-items:center; gap:6px;">
  4790. <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>
  4791. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">AAA大运重卡只跑国道汤师傅(拒保版)</span>
  4792. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 酒局必备</span>
  4793. </div>
  4794. <div style="display:flex; align-items:center; gap:6px;">
  4795. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  4796. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥46</span>
  4797. <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>
  4798. </div>
  4799. </div>
  4800. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"喝酒之前八个B八个C,我三杯倒的继父靠这个称霸酒场很多年,哪天他来不及提前准备,就是个灾难"</div>
  4801. <div style="display:flex; flex-wrap:wrap; gap:4px;">
  4802. <span style="padding:2px 8px; background:#8B294212; color:#8B2942; border-radius:3px; font-size:0.68rem; font-weight:600;">应酬解酒</span>
  4803. </div>
  4804. </div>
  4805. </div>
  4806. </div>
  4807. <div>
  4808. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:linear-gradient(135deg, #8B29420E, transparent); border:1px solid #8B294230; border-radius:var(--radius-md);">
  4809. <div class="text-mono text-xs" style="color:#8B2942; letter-spacing:0.2em; margin-bottom:12px; font-weight:700;">THEORY · B2B2C · 三层渠道分发</div>
  4810. <div style="color:var(--text-1); font-size:0.95rem; line-height:1.72;">
  4811. <div style="display:flex; flex-direction:column; gap:12px; font-size:0.88rem;">
  4812. <div style="padding:14px 16px; background:#8B29420C; border-left:3px solid #8B2942; border-radius:4px;">
  4813. <div style="color:#8B2942; font-weight:700; margin-bottom:4px;">① 酒楼 / 会所 / 连锁餐饮</div>
  4814. <div style="color:var(--text-2); font-size:0.84rem;">B 端采购 <strong>锡纸独立包装 2 粒装 ¥12</strong>·作为"餐前关怀"放桌面或买单赠品</div>
  4815. </div>
  4816. <div style="padding:14px 16px; background:#8B29420C; border-left:3px solid #8B2942; border-radius:4px;">
  4817. <div style="color:#8B2942; font-weight:700; margin-bottom:4px;">② 酒店 / 商务会所</div>
  4818. <div style="color:var(--text-2); font-size:0.84rem;">客房迷你吧 <strong>4 粒装 ¥24</strong>·客房付费消费(类似酒店矿泉水模型)</div>
  4819. </div>
  4820. <div style="padding:14px 16px; background:#8B29420C; border-left:3px solid #8B2942; border-radius:4px;">
  4821. <div style="color:#8B2942; font-weight:700; margin-bottom:4px;">③ 婚宴 / 商务接待 / KTV</div>
  4822. <div style="color:var(--text-2); font-size:0.84rem;">定制婚宴桌卡 / 商务伴手礼 / KTV 包间赠品</div>
  4823. </div>
  4824. </div>
  4825. </div>
  4826. </div>
  4827. <div style="margin-top:18px;">
  4828. <div style="padding:20px 24px; background:#2D9C5D08; border-left:3px solid #2D9C5D; border-radius:6px;">
  4829. <div style="display:flex; align-items:center; gap:10px; margin-bottom:10px;">
  4830. <span style="font-size:1.4rem;">💡</span>
  4831. <div style="color:#2D9C5D; font-weight:700; font-size:0.96rem;">反海王金樽模型</div>
  4832. </div>
  4833. <div style="color:var(--text-1); font-size:0.88rem; line-height:1.7;">海王金樽 "电视 TVC + 药店货架"模型 → 用户是<strong>"被广告劝去买"</strong>,信任度低。<br/><br/>
  4834. 肝纯片 "饭桌植入 + 场景验证"模型 → 用户是<strong>"自己在场景里体验了"</strong>,信任度高。<br/>
  4835. <strong style="color:#2D9C5D;">一次成功的商务应酬体验 = 永久心智占位</strong>。</div>
  4836. </div>
  4837. </div>
  4838. </div>
  4839. </div>
  4840. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#8B294208; border:1px solid #8B294233; border-radius:var(--radius-md);">
  4841. <div class="text-mono text-xs" style="color:#8B2942; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">落地决策 · 餐饮 B2B2C 落地</div>
  4842. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  4843. <div style="display:flex; gap:10px; align-items:flex-start;">
  4844. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#8B2942; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">1</div>
  4845. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>B 端拓展</strong>:Y1 签约 500+ 高档酒楼 / 200+ 商务会所 / 100+ 酒店</div>
  4846. </div>
  4847. <div style="display:flex; gap:10px; align-items:flex-start;">
  4848. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#8B2942; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">2</div>
  4849. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>产品形态</strong>:锡纸独立包装 2 粒装 · 便于桌面 / 客房 / 口袋携带</div>
  4850. </div>
  4851. <div style="display:flex; gap:10px; align-items:flex-start;">
  4852. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#8B2942; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">3</div>
  4853. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>定价</strong>:B 端出厂价 ¥6 / 零售价 ¥12(毛利 50%)+ 饭店加价空间</div>
  4854. </div>
  4855. <div style="display:flex; gap:10px; align-items:flex-start;">
  4856. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#8B2942; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">4</div>
  4857. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>样板城市</strong>:首推北京 / 上海 / 广州 / 成都 4 大应酬文化重镇</div>
  4858. </div>
  4859. </div>
  4860. </div>
  4861. </div>
  4862. </section>
  4863. <section class="report-section" id="opportunity-3" data-tone="green" data-slide-num="35/38">
  4864. <div class="section-inner">
  4865. <div class="section-head rise-in">
  4866. <div class="section-eyebrow" style="color:#C8A04B;">7.3 · 新人群赛道</div>
  4867. <h2 class="text-h1"><span class="headline-anim"><span style="color:#C8A04B;">送长辈孝心礼盒</span>·独占空白蓝海</span></h2>
  4868. <p class="section-sub">送长辈保健品市场里,<strong>护肝是最无品牌 / 最无心智 / 最无礼盒</strong>的空白品类——肝纯片有机会<strong>独家占据"送护肝"</strong>心智。</p>
  4869. </div>
  4870. <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);">
  4871. <div style="text-align:center;">
  4872. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#C8A04B; letter-spacing:-0.02em;">80亿</div>
  4873. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">送长辈保健品总盘</div>
  4874. </div>
  4875. <div style="text-align:center;">
  4876. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#FF6B6B; letter-spacing:-0.02em;">0</div>
  4877. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">护肝品类头部品牌</div>
  4878. </div>
  4879. <div style="text-align:center;">
  4880. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#D4A574; letter-spacing:-0.02em;">8000</div>
  4881. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">单次见家长平均预算</div>
  4882. <div style="color:#C8A04B; font-size:0.7rem; margin-top:2px;">XHS 高赞</div>
  4883. </div>
  4884. <div style="text-align:center;">
  4885. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#2D9C5D; letter-spacing:-0.02em;">¥498-898</div>
  4886. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">礼盒目标客单价</div>
  4887. </div>
  4888. <div style="text-align:center;">
  4889. <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#0085CA; letter-spacing:-0.02em;">2.5亿</div>
  4890. <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">Y2 礼品板块目标</div>
  4891. </div>
  4892. </div>
  4893. <div class="grid" style="grid-template-columns:1fr 1fr; gap:24px; margin-top:24px;">
  4894. <div>
  4895. <div class="text-mono text-xs" style="color:#C8A04B; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">VOC · 送长辈场景真实话语</div>
  4896. <div style="display:flex; flex-direction:column; gap:12px;">
  4897. <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #C8A04B; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  4898. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  4899. <div style="display:flex; align-items:center; gap:6px;">
  4900. <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>
  4901. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">踢小猪屁股</span>
  4902. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 送长辈保健品</span>
  4903. </div>
  4904. <div style="display:flex; align-items:center; gap:6px;">
  4905. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  4906. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥13</span>
  4907. <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>
  4908. </div>
  4909. </div>
  4910. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"内啥 我想问一下 男朋友上门见家长 也是准备了上图差不多的量 他后备箱塞的满满的,但是怎么体面的拿上门呀,他一个人 一趟 肯定拿不了的 两趟?又不太合适吧。。。(是需要我下楼接他跟他一起拿上来对吗。。就怕两个人也拿不下)电视剧里也没教这些呀[哭惹R]"</div>
  4911. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #C8A04B; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  4912. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  4913. <div style="display:flex; align-items:center; gap:6px;">
  4914. <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>
  4915. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">踢小猪屁股</span>
  4916. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 送长辈保健品</span>
  4917. </div>
  4918. <div style="display:flex; align-items:center; gap:6px;">
  4919. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  4920. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥3</span>
  4921. <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>
  4922. </div>
  4923. </div>
  4924. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"他带了3千礼物,我给多少红包合适,我想给1888[笑哭R][笑哭R][笑哭R]我也要中间商赚差价[笑哭R][笑哭R]合理吗 1888"</div>
  4925. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #C8A04B; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  4926. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
  4927. <div style="display:flex; align-items:center; gap:6px;">
  4928. <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>
  4929. <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">踢小猪屁股</span>
  4930. <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 送长辈保健品</span>
  4931. </div>
  4932. <div style="display:flex; align-items:center; gap:6px;">
  4933. <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
  4934. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥178</span>
  4935. <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>
  4936. </div>
  4937. </div>
  4938. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"谢谢大家的祝福,也谢谢大家的认可,一共准备了十八样礼品,准备的过程中我们两个人一起商量,我认为是两个人齐心协力的体现,也是我们对未来美好生活的向往和期待,同时更是对长辈的尊重,我们买的东西都是很实用的,不存在铺张浪费,针对评论区的奇葩,首先不尊重女性,口无遮拦,其次内心肮脏,三观不正,劝诫女性,务必远离这种废柴,保护好自己!"</div>
  4939. </div>
  4940. </div>
  4941. </div>
  4942. <div>
  4943. <div style="padding:18px 22px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md);">
  4944. <div class="text-mono text-xs" style="color:#C8A04B; letter-spacing:0.15em; margin-bottom:12px; font-weight:700;">送礼品类对标·护肝是空白</div>
  4945. <table style="width:100%; border-collapse:collapse; font-size:0.88rem;">
  4946. <thead>
  4947. <tr style="border-bottom:2px solid #C8A04B33;">
  4948. <th style="text-align:left; padding:10px 6px; color:var(--text-3); font-weight:700; font-size:0.8rem; letter-spacing:0.05em;">品类</th><th style="text-align:center; padding:10px 6px; color:#C8A04B; font-weight:700; font-size:0.8rem; letter-spacing:0.05em;">代表品牌</th><th style="text-align:center; padding:10px 6px; color:#C8A04B; font-weight:700; font-size:0.8rem; letter-spacing:0.05em;">心智占位</th>
  4949. </tr>
  4950. </thead>
  4951. <tbody>
  4952. <tr style="border-bottom:1px solid var(--border);">
  4953. <td style="padding:10px 6px; color:var(--text-2); text-align:left; font-weight:400;">补气血</td><td style="padding:10px 6px; color:#B87333; text-align:center; font-weight:700;"><strong style="color:#B87333;">东阿阿胶</strong></td><td style="padding:10px 6px; color:#B87333; text-align:center; font-weight:400;">✓ "送气血" 强心智</td>
  4954. </tr><tr style="border-bottom:1px solid var(--border);">
  4955. <td style="padding:10px 6px; color:var(--text-2); text-align:left; font-weight:400;">补气</td><td style="padding:10px 6px; color:#87A96B; text-align:center; font-weight:700;"><strong style="color:#87A96B;">黄芪精 / 人参</strong></td><td style="padding:10px 6px; color:#87A96B; text-align:center; font-weight:400;">✓ "送补气" 成熟</td>
  4956. </tr><tr style="border-bottom:1px solid var(--border);">
  4957. <td style="padding:10px 6px; color:var(--text-2); text-align:left; font-weight:400;">补钙</td><td style="padding:10px 6px; color:#0085CA; text-align:center; font-weight:700;"><strong style="color:#0085CA;">汤臣倍健</strong></td><td style="padding:10px 6px; color:#0085CA; text-align:center; font-weight:400;">✓ "送钙片" 大众</td>
  4958. </tr><tr style="border-bottom:1px solid var(--border);">
  4959. <td style="padding:10px 6px; color:var(--text-2); text-align:left; font-weight:400;">养胃</td><td style="padding:10px 6px; color:#D4A574; text-align:center; font-weight:700;"><strong style="color:#D4A574;">江中猴菇米稀</strong></td><td style="padding:10px 6px; color:#D4A574; text-align:center; font-weight:400;">✓ "送养胃" 近年崛起</td>
  4960. </tr><tr style="border-bottom:1px solid var(--border);">
  4961. <td style="padding:12px 6px; color:var(--text-2); text-align:left; font-weight:400;">护肝</td><td style="padding:12px 6px; color:#FF6B6B; text-align:center; font-weight:700;"><strong style="color:#FF6B6B;">❌ 无代表品牌</strong></td><td style="padding:12px 6px; color:#2D9C5D; text-align:center; font-weight:700;"><strong style="color:#2D9C5D;">✨ 肝纯片机会</strong></td>
  4962. </tr>
  4963. </tbody>
  4964. </table>
  4965. </div>
  4966. <div style="margin-top:18px;">
  4967. <div style="padding:20px 24px; background:#B8733308; border-left:3px solid #B87333; border-radius:6px;">
  4968. <div style="display:flex; align-items:center; gap:10px; margin-bottom:10px;">
  4969. <span style="font-size:1.4rem;">🎁</span>
  4970. <div style="color:#B87333; font-weight:700; font-size:0.96rem;">类比战术·学东阿阿胶怎么做到的</div>
  4971. </div>
  4972. <div style="color:var(--text-1); font-size:0.88rem; line-height:1.7;">东阿阿胶不是靠药效——是靠<strong>"三步走"</strong>:<br/>
  4973. <strong>① 文化溯源</strong>(阿胶井 + 唐代贡品)<br/>
  4974. <strong>② 礼盒体面</strong>(木盒 + 红绸 + 印章)<br/>
  4975. <strong>③ 场景绑定</strong>(送父母 / 女性滋补 / 逢年过节)<br/><br/>
  4976. <strong style="color:#2D9C5D;">肝纯片 = 藤茶文化 + 新中式礼盒 + 爸爸 / 熬夜场景</strong>——同样三步走</div>
  4977. </div>
  4978. </div>
  4979. </div>
  4980. </div>
  4981. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#C8A04B08; border:1px solid #C8A04B33; border-radius:var(--radius-md);">
  4982. <div class="text-mono text-xs" style="color:#C8A04B; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">落地决策 · 送长辈礼盒路径</div>
  4983. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  4984. <div style="display:flex; gap:10px; align-items:flex-start;">
  4985. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#C8A04B; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">1</div>
  4986. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>SKU 设计</strong>:礼盒 2 瓶 ¥498 (中式新礼袋) · 国礼双瓶 ¥898 (红木盒 + 烫金)</div>
  4987. </div>
  4988. <div style="display:flex; gap:10px; align-items:flex-start;">
  4989. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#C8A04B; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">2</div>
  4990. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>场景话术</strong>:"送给熬夜的爸爸" / "应酬的老公也应该被宠着"</div>
  4991. </div>
  4992. <div style="display:flex; gap:10px; align-items:flex-start;">
  4993. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#C8A04B; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">3</div>
  4994. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>节日节奏</strong>:父亲节 / 中秋 / 春节 3 大节点集中投放(每年 6 月 / 9-10 月 / 1-2 月)</div>
  4995. </div>
  4996. <div style="display:flex; gap:10px; align-items:flex-start;">
  4997. <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#C8A04B; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">4</div>
  4998. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>渠道</strong>:京东礼品 / 天猫礼品频道 / 微信群团购 / 企业福利 + 药店节日专区</div>
  4999. </div>
  5000. </div>
  5001. </div>
  5002. </div>
  5003. </section>
  5004. <section class="report-section" id="blueprint" data-tone="green" data-slide-num="36/38" style="justify-content:center;">
  5005. <div class="section-inner">
  5006. <div class="rise-in" style="text-align:center; margin-bottom:40px;">
  5007. <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>
  5008. <div class="text-mono text-xs" style="color:#87A96B; letter-spacing:0.3em; margin-top:-2rem; font-weight:700;">CHAPTER 8 · 4P BLUEPRINT</div>
  5009. </div>
  5010. <div class="rise-in" style="text-align:center; margin-bottom:36px;">
  5011. <div style="font-size:3.2rem; margin-bottom:14px;">🚀</div>
  5012. <h2 class="text-poster" style="font-size:clamp(2.4rem, 5.2vw, 4.2rem); color:var(--text-1); letter-spacing:-0.025em;">4P 配称蓝图</h2>
  5013. <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>
  5014. </div>
  5015. <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);">
  5016. <p style="color:var(--text-1); font-size:1.08rem; line-height:1.82;">以 VOC 洞察反推 <strong style="color:#87A96B;">4P 配称</strong>:<strong>产品</strong>(瓶装日常 / 板装便携 / 礼盒送长辈 12 SKU 矩阵)+ <strong>渠道</strong>(药线大参林 + 电商京东自营 + 餐饮B2B2C + 礼品节点)+ <strong>推广</strong>(KANO 兴奋需求 "送得出手" 钩子 + XHS 种草 + 抖音场景剧)+ <strong>价格</strong>(¥128-898 四带位)。3 阶段落地路径:<strong>Y1 药线 + 电商 5 亿验证 → Y2 礼品 + 餐饮 3 亿复制 → Y3 国际 + 品类升级 2 亿</strong>。合计 <strong style="color:#2D9C5D;">10 亿目标</strong>。</p>
  5017. </div>
  5018. <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;">
  5019. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #87A96B22; border-radius:var(--radius-sm); text-align:center;">
  5020. <div class="text-mono text-xs" style="color:#87A96B; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">8.1</div>
  5021. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">4P 配称·产品+渠道+推广+价格</div>
  5022. </div>
  5023. <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #87A96B22; border-radius:var(--radius-sm); text-align:center;">
  5024. <div class="text-mono text-xs" style="color:#87A96B; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">8.2</div>
  5025. <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">10 亿路径·4 渠道 3 阶段</div>
  5026. </div>
  5027. </div>
  5028. <div class="fade-up" style="margin-top:48px; text-align:center;">
  5029. <div class="text-mono text-xs" style="color:var(--text-3); letter-spacing:0.3em;">SCROLL DOWN · 2 个子章 · VOC 实证 × 理论 × 决策</div>
  5030. </div>
  5031. </div>
  5032. </section>
  5033. <section class="report-section" id="blueprint-1" data-tone="green" data-slide-num="37/38">
  5034. <div class="section-inner">
  5035. <div class="section-head rise-in">
  5036. <div class="section-eyebrow" style="color:#87A96B;">8.1 · 4P 配称蓝图</div>
  5037. <h2 class="text-h1"><span class="headline-anim"><span style="color:#87A96B;">4P 配称</span>:从 VOC 洞察到可执行的 Product / Place / Promotion / Price</span></h2>
  5038. <p class="section-sub">前 7 章的 VOC 洞察 × KANO × JTBD × 场景四元素 → 在这里折叠成<strong>可执行的 4P 组合</strong>。</p>
  5039. </div>
  5040. <div class="grid" style="grid-template-columns:1fr 1fr; gap:18px; margin-top:20px;">
  5041. <div style="padding:22px 24px; background:var(--bg-1); border:1px solid var(--border); border-top:4px solid #D4A574; border-radius:var(--radius-md);">
  5042. <div style="display:flex; align-items:baseline; gap:12px; margin-bottom:14px;">
  5043. <div style="font-family:var(--font-head); font-weight:900; font-size:3rem; color:#D4A574; line-height:1; letter-spacing:-0.04em;">P</div>
  5044. <div>
  5045. <div class="text-mono text-xs" style="color:#D4A574; letter-spacing:0.15em; font-weight:700;">PRODUCT</div>
  5046. <div style="color:var(--text-1); font-weight:800; font-size:1.2rem;">产品</div>
  5047. <div style="color:var(--text-2); font-size:0.8rem; margin-top:2px;">12 SKU 矩阵 × 6 场景覆盖</div>
  5048. </div>
  5049. </div>
  5050. <div style="display:flex; flex-direction:column; gap:6px; margin-bottom:14px;">
  5051. <div style="display:grid; grid-template-columns:140px 110px 1fr; gap:8px; padding:8px 10px; background:#D4A57408; border-radius:4px; align-items:center;">
  5052. <div style="color:var(--text-1); font-size:0.82rem; font-weight:600;">日常瓶 60 粒</div>
  5053. <div style="color:#D4A574; font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">¥128</div>
  5054. <div style="color:var(--text-3); font-size:0.78rem;">脂肪肝日常</div>
  5055. </div>
  5056. <div style="display:grid; grid-template-columns:140px 110px 1fr; gap:8px; padding:8px 10px; background:#D4A57408; border-radius:4px; align-items:center;">
  5057. <div style="color:var(--text-1); font-size:0.82rem; font-weight:600;">随身板 12 粒</div>
  5058. <div style="color:#D4A574; font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">¥39</div>
  5059. <div style="color:var(--text-3); font-size:0.78rem;">熬夜自救</div>
  5060. </div>
  5061. <div style="display:grid; grid-template-columns:140px 110px 1fr; gap:8px; padding:8px 10px; background:#D4A57408; border-radius:4px; align-items:center;">
  5062. <div style="color:var(--text-1); font-size:0.82rem; font-weight:600;">商务铁盒 24 粒</div>
  5063. <div style="color:#D4A574; font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">¥198-298</div>
  5064. <div style="color:var(--text-3); font-size:0.78rem;">饭局应酬</div>
  5065. </div>
  5066. <div style="display:grid; grid-template-columns:140px 110px 1fr; gap:8px; padding:8px 10px; background:#D4A57408; border-radius:4px; align-items:center;">
  5067. <div style="color:var(--text-1); font-size:0.82rem; font-weight:600;">餐饮锡纸 2 粒</div>
  5068. <div style="color:#D4A574; font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">¥12 (B2B)</div>
  5069. <div style="color:var(--text-3); font-size:0.78rem;">酒楼桌面</div>
  5070. </div>
  5071. <div style="display:grid; grid-template-columns:140px 110px 1fr; gap:8px; padding:8px 10px; background:#D4A57408; border-radius:4px; align-items:center;">
  5072. <div style="color:var(--text-1); font-size:0.82rem; font-weight:600;">家庭装 120 粒</div>
  5073. <div style="color:#D4A574; font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">¥198</div>
  5074. <div style="color:var(--text-3); font-size:0.78rem;">全家长期</div>
  5075. </div>
  5076. <div style="display:grid; grid-template-columns:140px 110px 1fr; gap:8px; padding:8px 10px; background:#D4A57408; border-radius:4px; align-items:center;">
  5077. <div style="color:var(--text-1); font-size:0.82rem; font-weight:600;">国礼双瓶 2×60 粒</div>
  5078. <div style="color:#D4A574; font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">¥498-898</div>
  5079. <div style="color:var(--text-3); font-size:0.78rem;">送长辈</div>
  5080. </div>
  5081. </div>
  5082. <div style="padding:12px 14px; background:#D4A57412; border-left:3px solid #D4A574; border-radius:4px; color:var(--text-1); font-size:0.84rem; line-height:1.7;">
  5083. <strong>核心成分:藤茶 DMY 98% 总黄酮</strong><br/><strong>背书:江中 OTC + 张家界原产地</strong><br/><strong>规格:6 大 SKU × 4 包装形态</strong>
  5084. </div>
  5085. </div>
  5086. <div style="padding:22px 24px; background:var(--bg-1); border:1px solid var(--border); border-top:4px solid #0085CA; border-radius:var(--radius-md);">
  5087. <div style="display:flex; align-items:baseline; gap:12px; margin-bottom:14px;">
  5088. <div style="font-family:var(--font-head); font-weight:900; font-size:3rem; color:#0085CA; line-height:1; letter-spacing:-0.04em;">P</div>
  5089. <div>
  5090. <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.15em; font-weight:700;">PLACE</div>
  5091. <div style="color:var(--text-1); font-weight:800; font-size:1.2rem;">渠道</div>
  5092. <div style="color:var(--text-2); font-size:0.8rem; margin-top:2px;">4 渠道协同 · 不重叠 · 不打架</div>
  5093. </div>
  5094. </div>
  5095. <div style="display:flex; flex-direction:column; gap:6px; margin-bottom:14px;">
  5096. <div style="display:grid; grid-template-columns:140px 110px 1fr; gap:8px; padding:8px 10px; background:#0085CA08; border-radius:4px; align-items:center;">
  5097. <div style="color:var(--text-1); font-size:0.82rem; font-weight:600;">药线(药店)</div>
  5098. <div style="color:#0085CA; font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">¥128-198</div>
  5099. <div style="color:var(--text-3); font-size:0.78rem;">一心堂 / 大参林 / 国大</div>
  5100. </div>
  5101. <div style="display:grid; grid-template-columns:140px 110px 1fr; gap:8px; padding:8px 10px; background:#0085CA08; border-radius:4px; align-items:center;">
  5102. <div style="color:var(--text-1); font-size:0.82rem; font-weight:600;">电商(自营)</div>
  5103. <div style="color:#0085CA; font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">¥128-498</div>
  5104. <div style="color:var(--text-3); font-size:0.78rem;">京东自营 / 天猫旗舰 / 拼多多</div>
  5105. </div>
  5106. <div style="display:grid; grid-template-columns:140px 110px 1fr; gap:8px; padding:8px 10px; background:#0085CA08; border-radius:4px; align-items:center;">
  5107. <div style="color:var(--text-1); font-size:0.82rem; font-weight:600;">餐饮 B2B2C</div>
  5108. <div style="color:#0085CA; font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">¥6-24</div>
  5109. <div style="color:var(--text-3); font-size:0.78rem;">高档酒楼 / 商务会所 / 酒店客房</div>
  5110. </div>
  5111. <div style="display:grid; grid-template-columns:140px 110px 1fr; gap:8px; padding:8px 10px; background:#0085CA08; border-radius:4px; align-items:center;">
  5112. <div style="color:var(--text-1); font-size:0.82rem; font-weight:600;">礼品(节日)</div>
  5113. <div style="color:#0085CA; font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">¥498-898</div>
  5114. <div style="color:var(--text-3); font-size:0.78rem;">节日电商 / 微信团购 / 企业福利</div>
  5115. </div>
  5116. <div style="display:grid; grid-template-columns:140px 110px 1fr; gap:8px; padding:8px 10px; background:#0085CA08; border-radius:4px; align-items:center;">
  5117. <div style="color:var(--text-1); font-size:0.82rem; font-weight:600;">跨境(品牌)</div>
  5118. <div style="color:#0085CA; font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">¥$38-58</div>
  5119. <div style="color:var(--text-3); font-size:0.78rem;">Amazon 全球店 / TikTok 海外</div>
  5120. </div>
  5121. <div style="display:grid; grid-template-columns:140px 110px 1fr; gap:8px; padding:8px 10px; background:#0085CA08; border-radius:4px; align-items:center;">
  5122. <div style="color:var(--text-1); font-size:0.82rem; font-weight:600;">私域(复购)</div>
  5123. <div style="color:#0085CA; font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">订阅制</div>
  5124. <div style="color:var(--text-3); font-size:0.78rem;">App + 公众号 + 社群</div>
  5125. </div>
  5126. </div>
  5127. <div style="padding:12px 14px; background:#0085CA12; border-left:3px solid #0085CA; border-radius:4px; color:var(--text-1); font-size:0.84rem; line-height:1.7;">
  5128. <strong>药线 30%:基本盘</strong><br/><strong>电商 20%:品牌起量</strong><br/><strong>餐饮 25% + 礼品 25%:溢价</strong>
  5129. </div>
  5130. </div>
  5131. <div style="padding:22px 24px; background:var(--bg-1); border:1px solid var(--border); border-top:4px solid #8B5CF6; border-radius:var(--radius-md);">
  5132. <div style="display:flex; align-items:baseline; gap:12px; margin-bottom:14px;">
  5133. <div style="font-family:var(--font-head); font-weight:900; font-size:3rem; color:#8B5CF6; line-height:1; letter-spacing:-0.04em;">P</div>
  5134. <div>
  5135. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.15em; font-weight:700;">PROMOTION</div>
  5136. <div style="color:var(--text-1); font-weight:800; font-size:1.2rem;">推广</div>
  5137. <div style="color:var(--text-2); font-size:0.8rem; margin-top:2px;">VOC 场景化内容 × 反硬广</div>
  5138. </div>
  5139. </div>
  5140. <div style="display:flex; flex-direction:column; gap:6px; margin-bottom:14px;">
  5141. <div style="display:grid; grid-template-columns:140px 110px 1fr; gap:8px; padding:8px 10px; background:#8B5CF608; border-radius:4px; align-items:center;">
  5142. <div style="color:var(--text-1); font-size:0.82rem; font-weight:600;">XHS 种草</div>
  5143. <div style="color:#8B5CF6; font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">500+ 条素人</div>
  5144. <div style="color:var(--text-3); font-size:0.78rem;">熬夜党 / 脂肪肝人群</div>
  5145. </div>
  5146. <div style="display:grid; grid-template-columns:140px 110px 1fr; gap:8px; padding:8px 10px; background:#8B5CF608; border-radius:4px; align-items:center;">
  5147. <div style="color:var(--text-1); font-size:0.82rem; font-weight:600;">抖音剧情</div>
  5148. <div style="color:#8B5CF6; font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">50+ 剧情号</div>
  5149. <div style="color:var(--text-3); font-size:0.78rem;">应酬 / 熬夜 / 家庭场景</div>
  5150. </div>
  5151. <div style="display:grid; grid-template-columns:140px 110px 1fr; gap:8px; padding:8px 10px; background:#8B5CF608; border-radius:4px; align-items:center;">
  5152. <div style="color:var(--text-1); font-size:0.82rem; font-weight:600;">丁香医生</div>
  5153. <div style="color:#8B5CF6; font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">3-5 篇科普</div>
  5154. <div style="color:var(--text-3); font-size:0.78rem;">DMY 机理 + 医生背书</div>
  5155. </div>
  5156. <div style="display:grid; grid-template-columns:140px 110px 1fr; gap:8px; padding:8px 10px; background:#8B5CF608; border-radius:4px; align-items:center;">
  5157. <div style="color:var(--text-1); font-size:0.82rem; font-weight:600;">B 站 UP 主</div>
  5158. <div style="color:#8B5CF6; font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">10+ 养生 UP</div>
  5159. <div style="color:var(--text-3); font-size:0.78rem;">Z 世代 + 留学生圈</div>
  5160. </div>
  5161. <div style="display:grid; grid-template-columns:140px 110px 1fr; gap:8px; padding:8px 10px; background:#8B5CF608; border-radius:4px; align-items:center;">
  5162. <div style="color:var(--text-1); font-size:0.82rem; font-weight:600;">私域运营</div>
  5163. <div style="color:#8B5CF6; font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">社群 + App</div>
  5164. <div style="color:var(--text-3); font-size:0.78rem;">复购 + 用户证言</div>
  5165. </div>
  5166. <div style="display:grid; grid-template-columns:140px 110px 1fr; gap:8px; padding:8px 10px; background:#8B5CF608; border-radius:4px; align-items:center;">
  5167. <div style="color:var(--text-1); font-size:0.82rem; font-weight:600;">节日事件</div>
  5168. <div style="color:#8B5CF6; font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">父亲节/中秋</div>
  5169. <div style="color:var(--text-3); font-size:0.78rem;">送长辈话题营销</div>
  5170. </div>
  5171. </div>
  5172. <div style="padding:12px 14px; background:#8B5CF612; border-left:3px solid #8B5CF6; border-radius:4px; color:var(--text-1); font-size:0.84rem; line-height:1.7;">
  5173. <strong style="color:#8B2942;">❌ 禁止 TVC 硬广 / 明星代言</strong><br/><strong>✓ 必做 :真用户证言 + 真场景剧情</strong><br/><strong>✓ 必做:KOC > KOL</strong>
  5174. </div>
  5175. </div>
  5176. <div style="padding:22px 24px; background:var(--bg-1); border:1px solid var(--border); border-top:4px solid #2D9C5D; border-radius:var(--radius-md);">
  5177. <div style="display:flex; align-items:baseline; gap:12px; margin-bottom:14px;">
  5178. <div style="font-family:var(--font-head); font-weight:900; font-size:3rem; color:#2D9C5D; line-height:1; letter-spacing:-0.04em;">P</div>
  5179. <div>
  5180. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; font-weight:700;">PRICE</div>
  5181. <div style="color:var(--text-1); font-weight:800; font-size:1.2rem;">价格</div>
  5182. <div style="color:var(--text-2); font-size:0.8rem; margin-top:2px;">分渠道定价带 × 每段有理由</div>
  5183. </div>
  5184. </div>
  5185. <div style="display:flex; flex-direction:column; gap:6px; margin-bottom:14px;">
  5186. <div style="display:grid; grid-template-columns:140px 110px 1fr; gap:8px; padding:8px 10px; background:#2D9C5D08; border-radius:4px; align-items:center;">
  5187. <div style="color:var(--text-1); font-size:0.82rem; font-weight:600;">入门带</div>
  5188. <div style="color:#2D9C5D; font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">¥39-128</div>
  5189. <div style="color:var(--text-3); font-size:0.78rem;">熬夜党 · 首次购买</div>
  5190. </div>
  5191. <div style="display:grid; grid-template-columns:140px 110px 1fr; gap:8px; padding:8px 10px; background:#2D9C5D08; border-radius:4px; align-items:center;">
  5192. <div style="color:var(--text-1); font-size:0.82rem; font-weight:600;">主销带</div>
  5193. <div style="color:#2D9C5D; font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">¥198-298</div>
  5194. <div style="color:var(--text-3); font-size:0.78rem;">中产日常 · 商务应酬</div>
  5195. </div>
  5196. <div style="display:grid; grid-template-columns:140px 110px 1fr; gap:8px; padding:8px 10px; background:#2D9C5D08; border-radius:4px; align-items:center;">
  5197. <div style="color:var(--text-1); font-size:0.82rem; font-weight:600;">礼品带</div>
  5198. <div style="color:#2D9C5D; font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">¥498-898</div>
  5199. <div style="color:var(--text-3); font-size:0.78rem;">送长辈 · 国礼级</div>
  5200. </div>
  5201. <div style="display:grid; grid-template-columns:140px 110px 1fr; gap:8px; padding:8px 10px; background:#2D9C5D08; border-radius:4px; align-items:center;">
  5202. <div style="color:var(--text-1); font-size:0.82rem; font-weight:600;">vs Swisse</div>
  5203. <div style="color:#2D9C5D; font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">-20-30%</div>
  5204. <div style="color:var(--text-3); font-size:0.78rem;">进口保健替代</div>
  5205. </div>
  5206. <div style="display:grid; grid-template-columns:140px 110px 1fr; gap:8px; padding:8px 10px; background:#2D9C5D08; border-radius:4px; align-items:center;">
  5207. <div style="color:var(--text-1); font-size:0.82rem; font-weight:600;">vs 片仔癀</div>
  5208. <div style="color:#2D9C5D; font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">-40-50%</div>
  5209. <div style="color:var(--text-3); font-size:0.78rem;">高端中药替代</div>
  5210. </div>
  5211. <div style="display:grid; grid-template-columns:140px 110px 1fr; gap:8px; padding:8px 10px; background:#2D9C5D08; border-radius:4px; align-items:center;">
  5212. <div style="color:var(--text-1); font-size:0.82rem; font-weight:600;">vs 易善复</div>
  5213. <div style="color:#2D9C5D; font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">+10-20%</div>
  5214. <div style="color:var(--text-3); font-size:0.78rem;">免处方溢价</div>
  5215. </div>
  5216. </div>
  5217. <div style="padding:12px 14px; background:#2D9C5D12; border-left:3px solid #2D9C5D; border-radius:4px; color:var(--text-1); font-size:0.84rem; line-height:1.7;">
  5218. <strong>明码溢价:+10-20% 于同类国产</strong><br/><strong>明码亲民:-20-40% 于同类进口</strong><br/><strong>礼品溢价:3-5x 日常价</strong>
  5219. </div>
  5220. </div>
  5221. </div>
  5222. <div class="fade-up" style="margin-top:28px;">
  5223. <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;">
  5224. <div class="text-mono text-xs" style="color:#87A96B; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">4P COHERENCE · 4P 一致性</div>
  5225. <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;">4P 之间<strong style="color:#2D9C5D;">必须互为因果</strong>:<br/>
  5226. <strong>Product(6 SKU)</strong> → <strong>Place(4 渠道)</strong> → <strong>Promotion(场景化内容)</strong> → <strong>Price(三段定价带)</strong>。<br/>
  5227. 每一项决策都能在前 7 章的 VOC 证据里找到<strong style="color:#D4A574;">直接溯源</strong>。</div>
  5228. <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">这就是"<strong>反向定位</strong>"的最终形态——<strong>VOC 驱动的 4P 蓝图</strong>而不是拍脑袋的决策。</div>
  5229. </div>
  5230. </div>
  5231. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#87A96B08; border:1px solid #87A96B33; border-radius:var(--radius-md);">
  5232. <div class="text-mono text-xs" style="color:#87A96B; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">落地决策 · 4P 协同纪律</div>
  5233. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  5234. <div style="display:flex; gap:10px; align-items:flex-start;">
  5235. <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>
  5236. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>Product 先行</strong>:首批 6 SKU 上线 · Y1 不再扩 SKU(避免稀释心智)</div>
  5237. </div>
  5238. <div style="display:flex; gap:10px; align-items:flex-start;">
  5239. <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>
  5240. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>Place 分层</strong>:药线 30% + 电商 20% + 餐饮 25% + 礼品 25%(4 块互不挤占)</div>
  5241. </div>
  5242. <div style="display:flex; gap:10px; align-items:flex-start;">
  5243. <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>
  5244. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>Promotion 克制</strong>:Y1 营销预算 1.5-2 亿(GMV 15-20% 投放比)</div>
  5245. </div>
  5246. <div style="display:flex; gap:10px; align-items:flex-start;">
  5247. <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>
  5248. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>Price 纪律</strong>:严格三带分层(入门 / 主销 / 礼品)· 不折扣促销打乱心智</div>
  5249. </div>
  5250. </div>
  5251. </div>
  5252. </div>
  5253. </section>
  5254. <section class="report-section" id="blueprint-2" data-tone="green" data-slide-num="38/38">
  5255. <div class="section-inner">
  5256. <div class="section-head rise-in">
  5257. <div class="section-eyebrow" style="color:#2D9C5D;">8.2 · 10 亿 3 年路径</div>
  5258. <h2 class="text-h1"><span class="headline-anim"><span style="color:#2D9C5D;">10 亿路径</span>:4 渠道 × 3 年分阶段攻防图</span></h2>
  5259. <p class="section-sub"><strong>Year 1 基础盘 5 亿 → Year 2 溢价盘 +3 亿 → Year 3 壁垒盘 +2 亿 = 10 亿</strong>。每一步都对应 VOC 洞察和 4P 配称。</p>
  5260. </div>
  5261. <div class="grid" style="grid-template-columns:1fr 1fr 1fr; gap:18px; margin-top:24px;">
  5262. <div style="padding:24px; background:var(--bg-1); border:2px solid #D4A574; border-radius:var(--radius-md); position:relative;">
  5263. <div style="position:absolute; top:-14px; left:20px; padding:4px 14px; background:#D4A574; color:#fff; font-family:var(--font-mono); font-weight:700; font-size:0.72rem; letter-spacing:0.15em; border-radius:12px;">YEAR 1</div>
  5264. <div style="display:flex; justify-content:space-between; align-items:baseline; margin-top:6px; margin-bottom:10px;">
  5265. <div style="color:var(--text-1); font-weight:800; font-size:1.2rem;">启动期</div>
  5266. <div style="color:#D4A574; font-family:var(--font-head); font-weight:900; font-size:2rem; line-height:1;">5</div>
  5267. </div>
  5268. <div style="padding:10px 12px; background:#D4A57410; border-left:3px solid #D4A574; border-radius:4px; color:var(--text-1); font-size:0.88rem; margin-bottom:14px;">
  5269. <strong>药线 + 电商</strong> · 建基础盘
  5270. </div>
  5271. <ul style="margin:0; padding-left:18px; list-style:disc; color:var(--text-1); font-size:0.84rem; line-height:1.72;">
  5272. <li style="margin-bottom:6px;">药线 3 亿:全国 3 万药店覆盖(一心堂 / 大参林 / 国大)</li><li style="margin-bottom:6px;">电商 2 亿:京东 + 天猫 + 拼多多 + XHS 种草</li><li style="margin-bottom:6px;">餐饮 / 礼品 先试点(北京 / 上海 / 广州)</li><li style="margin-bottom:6px;">Marketing:2 亿预算(20% GMV)</li><li style="margin-bottom:6px;">KPI:全网 GMV 5 亿 / 复购 35% / NPS > 50</li>
  5273. </ul>
  5274. </div>
  5275. <div style="padding:24px; background:var(--bg-1); border:2px solid #2D9C5D; border-radius:var(--radius-md); position:relative;">
  5276. <div style="position:absolute; top:-14px; left:20px; padding:4px 14px; background:#2D9C5D; color:#fff; font-family:var(--font-mono); font-weight:700; font-size:0.72rem; letter-spacing:0.15em; border-radius:12px;">YEAR 2</div>
  5277. <div style="display:flex; justify-content:space-between; align-items:baseline; margin-top:6px; margin-bottom:10px;">
  5278. <div style="color:var(--text-1); font-weight:800; font-size:1.2rem;">放量期</div>
  5279. <div style="color:#2D9C5D; font-family:var(--font-head); font-weight:900; font-size:2rem; line-height:1;">3</div>
  5280. </div>
  5281. <div style="padding:10px 12px; background:#2D9C5D10; border-left:3px solid #2D9C5D; border-radius:4px; color:var(--text-1); font-size:0.88rem; margin-bottom:14px;">
  5282. <strong>餐饮 B2B2C + 礼品</strong> · 建溢价盘
  5283. </div>
  5284. <ul style="margin:0; padding-left:18px; list-style:disc; color:var(--text-1); font-size:0.84rem; line-height:1.72;">
  5285. <li style="margin-bottom:6px;">餐饮 B2B2C 扩至 2.5 亿(500+ 酒楼 + 200+ 会所)</li><li style="margin-bottom:6px;">礼品装扩至 2.5 亿(节日节点 + 企业福利)</li><li style="margin-bottom:6px;">药线深耕至 4 亿(新增乡镇 + 社区店)</li><li style="margin-bottom:6px;">电商扩至 4 亿(丁香医生合作 + 抖音剧情号放量)</li><li style="margin-bottom:6px;">KPI:GMV 8 亿 / 餐饮占比 ≥ 30% / 礼品复购 ≥ 45%</li>
  5286. </ul>
  5287. </div>
  5288. <div style="padding:24px; background:var(--bg-1); border:2px solid #0085CA; border-radius:var(--radius-md); position:relative;">
  5289. <div style="position:absolute; top:-14px; left:20px; padding:4px 14px; background:#0085CA; color:#fff; font-family:var(--font-mono); font-weight:700; font-size:0.72rem; letter-spacing:0.15em; border-radius:12px;">YEAR 3</div>
  5290. <div style="display:flex; justify-content:space-between; align-items:baseline; margin-top:6px; margin-bottom:10px;">
  5291. <div style="color:var(--text-1); font-weight:800; font-size:1.2rem;">冲刺期</div>
  5292. <div style="color:#0085CA; font-family:var(--font-head); font-weight:900; font-size:2rem; line-height:1;">2</div>
  5293. </div>
  5294. <div style="padding:10px 12px; background:#0085CA10; border-left:3px solid #0085CA; border-radius:4px; color:var(--text-1); font-size:0.88rem; margin-bottom:14px;">
  5295. <strong>跨境 + 品类升级</strong> · 建壁垒
  5296. </div>
  5297. <ul style="margin:0; padding-left:18px; list-style:disc; color:var(--text-1); font-size:0.84rem; line-height:1.72;">
  5298. <li style="margin-bottom:6px;">跨境 1.5 亿:Amazon 全球店 + TikTok 海外 + 东南亚</li><li style="margin-bottom:6px;">品类升级 0.5 亿:肝纯饮料 / 肝纯咀嚼片 / 肝纯礼盒 PLUS</li><li style="margin-bottom:6px;">4 大渠道全部超 2 亿 · 无单一依赖</li><li style="margin-bottom:6px;">成为 DMY 品类 TOP 1 · Swisse 市占率 -15%</li><li style="margin-bottom:6px;">KPI:GMV 10 亿 · 品类心智份额 ≥ 40%</li>
  5299. </ul>
  5300. </div>
  5301. </div>
  5302. <div class="fade-up" style="margin-top:32px;">
  5303. <div style="padding:28px 32px; background:linear-gradient(135deg, #2D9C5D10, #D4A57406, #0085CA06); border:2px solid #2D9C5D44; border-radius:var(--radius-lg);">
  5304. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">🎯 FINAL BLUEPRINT · 终极蓝图</div>
  5305. <div style="display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:16px; margin-bottom:20px;">
  5306. <div style="padding:16px 18px; background:#D4A57414; border-radius:6px; text-align:center;">
  5307. <div style="color:#D4A574; font-family:var(--font-head); font-weight:900; font-size:2.4rem; line-height:1;">3亿</div>
  5308. <div style="color:var(--text-2); font-size:0.8rem; margin-top:4px;">药线</div>
  5309. </div>
  5310. <div style="padding:16px 18px; background:#0085CA14; border-radius:6px; text-align:center;">
  5311. <div style="color:#0085CA; font-family:var(--font-head); font-weight:900; font-size:2.4rem; line-height:1;">2亿</div>
  5312. <div style="color:var(--text-2); font-size:0.8rem; margin-top:4px;">电商</div>
  5313. </div>
  5314. <div style="padding:16px 18px; background:#8B294214; border-radius:6px; text-align:center;">
  5315. <div style="color:#8B2942; font-family:var(--font-head); font-weight:900; font-size:2.4rem; line-height:1;">2.5亿</div>
  5316. <div style="color:var(--text-2); font-size:0.8rem; margin-top:4px;">餐饮 B2B2C</div>
  5317. </div>
  5318. <div style="padding:16px 18px; background:#C8A04B14; border-radius:6px; text-align:center;">
  5319. <div style="color:#C8A04B; font-family:var(--font-head); font-weight:900; font-size:2.4rem; line-height:1;">2.5亿</div>
  5320. <div style="color:var(--text-2); font-size:0.8rem; margin-top:4px;">礼品装</div>
  5321. </div>
  5322. </div>
  5323. <div style="text-align:center; padding:20px; background:#2D9C5D0A; border-radius:6px;">
  5324. <div style="color:var(--text-1); font-size:1.05rem; line-height:1.8;">
  5325. <strong style="color:#2D9C5D; font-size:1.4rem; font-family:var(--font-head);">江中肝纯片 · 10 亿三年目标</strong><br/>
  5326. <span style="color:var(--text-2); font-size:0.92rem;">基于 <strong>3965 条真实 VOC</strong> × <strong>8 假设全验证</strong> × <strong>KANO×JTBD 决策映射</strong> × <strong>4P 配称一致性</strong> × <strong>3 阶段渐进</strong></span><br/>
  5327. <span style="color:#D4A574; font-size:0.88rem; margin-top:8px; display:inline-block;">—— 以藤茶 DMY 真原料差异化,重新定义中国护肝品类 ——</span>
  5328. </div>
  5329. </div>
  5330. </div>
  5331. </div>
  5332. <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:var(--radius-md);">
  5333. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">落地决策 · 3 年执行纪律</div>
  5334. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
  5335. <div style="display:flex; gap:10px; align-items:flex-start;">
  5336. <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>
  5337. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>Year 1 守住 5 亿</strong>:药线 + 电商双引擎 · 避免冒进扩张</div>
  5338. </div>
  5339. <div style="display:flex; gap:10px; align-items:flex-start;">
  5340. <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>
  5341. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>Year 2 餐饮放量</strong>:B2B2C 模型复制 · 100 城开花</div>
  5342. </div>
  5343. <div style="display:flex; gap:10px; align-items:flex-start;">
  5344. <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>
  5345. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>Year 3 礼品 + 跨境</strong>:开辟第三曲线 · 锁定 DMY 品类心智</div>
  5346. </div>
  5347. <div style="display:flex; gap:10px; align-items:flex-start;">
  5348. <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>
  5349. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>全局核心</strong>:任何增量都不能破坏 VOC 真实性 · 反向硬广路径</div>
  5350. </div>
  5351. <div style="display:flex; gap:10px; align-items:flex-start;">
  5352. <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>
  5353. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>8 大假设全部验证闭环</strong>:H1-H8 在 Ch1-Ch7 已逐一成立,为 4P + 10 亿路径奠基</div>
  5354. </div>
  5355. </div>
  5356. </div>
  5357. </div>
  5358. </section>
  5359. </main>
  5360. <script>
  5361. (function(){
  5362. 'use strict';
  5363. var slides = [];
  5364. var currentSlide = 0;
  5365. var firstScrolled = false;
  5366. // —— 1) 分片标题动画:把每个 .headline-anim 文本切成 .char 逐字入场 ——
  5367. function splitHeadlines(){
  5368. var els = document.querySelectorAll('.headline-anim');
  5369. els.forEach(function(el){
  5370. if (el.dataset.split === '1') return;
  5371. el.dataset.split = '1';
  5372. var text = el.textContent;
  5373. el.textContent = '';
  5374. var chars = Array.from(text);
  5375. chars.forEach(function(ch, i){
  5376. var span = document.createElement('span');
  5377. span.className = 'char';
  5378. span.textContent = ch === ' ' ? '\u00A0' : ch;
  5379. span.style.transitionDelay = (i * 28) + 'ms';
  5380. el.appendChild(span);
  5381. });
  5382. });
  5383. }
  5384. // —— 2) Fade / Rise / Headline 统一的 IntersectionObserver ——
  5385. function initReveal(){
  5386. var selectors = ['.fade-up', '.rise-in', '.headline-anim'];
  5387. var els = document.querySelectorAll(selectors.join(','));
  5388. if (!('IntersectionObserver' in window)){
  5389. els.forEach(function(el){ el.classList.add('is-visible'); });
  5390. return;
  5391. }
  5392. var io = new IntersectionObserver(function(entries){
  5393. entries.forEach(function(e){
  5394. if (e.isIntersecting){
  5395. e.target.classList.add('is-visible');
  5396. io.unobserve(e.target);
  5397. }
  5398. });
  5399. }, { threshold: 0.08, rootMargin: '0px 0px -5% 0px' });
  5400. els.forEach(function(el){ io.observe(el); });
  5401. // 首屏兜底
  5402. setTimeout(function(){
  5403. els.forEach(function(el){
  5404. var r = el.getBoundingClientRect();
  5405. if (r.top < window.innerHeight && r.bottom > 0) el.classList.add('is-visible');
  5406. });
  5407. }, 100);
  5408. // 终极兜底
  5409. setTimeout(function(){
  5410. document.querySelectorAll('.fade-up:not(.is-visible),.rise-in:not(.is-visible),.headline-anim:not(.is-visible)').forEach(function(el){
  5411. el.classList.add('is-visible');
  5412. });
  5413. }, 4500);
  5414. }
  5415. // —— 3) 数字计数动画 ——
  5416. function initCountUp(){
  5417. var els = document.querySelectorAll('.metric-value[data-count]');
  5418. if (!('IntersectionObserver' in window)){
  5419. els.forEach(function(el){ el.textContent = el.dataset.count; });
  5420. return;
  5421. }
  5422. var io = new IntersectionObserver(function(entries){
  5423. entries.forEach(function(e){
  5424. if (!e.isIntersecting) return;
  5425. var el = e.target;
  5426. var target = parseFloat(el.dataset.count);
  5427. if (isNaN(target)) return;
  5428. var isFloat = !Number.isInteger(target);
  5429. var start = 0, duration = 1400, t0 = performance.now();
  5430. function tick(now){
  5431. var p = Math.min(1, (now - t0) / duration);
  5432. var eased = 1 - Math.pow(1 - p, 3);
  5433. var v = start + (target - start) * eased;
  5434. el.textContent = isFloat ? v.toFixed(1) : Math.floor(v).toLocaleString('en-US');
  5435. if (p < 1) requestAnimationFrame(tick);
  5436. else el.textContent = isFloat ? target.toFixed(1) : target.toLocaleString('en-US');
  5437. }
  5438. requestAnimationFrame(tick);
  5439. io.unobserve(el);
  5440. });
  5441. }, { threshold: 0.4 });
  5442. els.forEach(function(el){ io.observe(el); });
  5443. }
  5444. // —— 4) Slide 进度 · nav 高亮 · ambient 光晕跟随 · slide counter ——
  5445. function initDeck(){
  5446. slides = Array.prototype.slice.call(document.querySelectorAll('section.report-section'));
  5447. var progressLine = document.getElementById('progress-line');
  5448. var navDots = document.querySelectorAll('.nav-dot');
  5449. var counter = document.querySelector('.slide-counter');
  5450. var counterNow = counter && counter.querySelector('.now');
  5451. var counterTotal = counter && counter.querySelector('.total');
  5452. var counterBar = counter && counter.querySelector('.bar');
  5453. if (counterTotal) counterTotal.textContent = String(slides.length).padStart(2, '0');
  5454. // 预设每张 slide 的 ambient 偏移(用 CSS 变量驱动)
  5455. var ambientPresets = [
  5456. { x: '15%', y: '25%' },
  5457. { x: '75%', y: '30%' },
  5458. { x: '25%', y: '70%' },
  5459. { x: '80%', y: '65%' },
  5460. { x: '45%', y: '20%' },
  5461. { x: '55%', y: '75%' },
  5462. { x: '20%', y: '50%' },
  5463. { x: '85%', y: '50%' },
  5464. { x: '50%', y: '40%' },
  5465. { x: '30%', y: '30%' },
  5466. { x: '70%', y: '70%' },
  5467. { x: '40%', y: '60%' }
  5468. ];
  5469. function setActive(idx){
  5470. if (idx < 0) idx = 0;
  5471. if (idx >= slides.length) idx = slides.length - 1;
  5472. currentSlide = idx;
  5473. slides.forEach(function(s, i){
  5474. if (i === idx) s.classList.add('in-view');
  5475. else s.classList.remove('in-view');
  5476. });
  5477. for (var j = 0; j < navDots.length; j++){
  5478. if (j === idx) navDots[j].classList.add('active');
  5479. else navDots[j].classList.remove('active');
  5480. }
  5481. if (counterNow) counterNow.textContent = String(idx + 1).padStart(2, '0');
  5482. if (counterBar) {
  5483. var pct = slides.length > 1 ? ((idx + 1) / slides.length) * 100 : 100;
  5484. counterBar.style.setProperty('--pct', pct.toFixed(1) + '%');
  5485. }
  5486. // 根据当前 slide 切换 ambient 位置
  5487. var p = ambientPresets[idx % ambientPresets.length];
  5488. document.body.style.setProperty('--amb-x', p.x);
  5489. document.body.style.setProperty('--amb-y', p.y);
  5490. }
  5491. function onScroll(){
  5492. if (!firstScrolled && window.scrollY > 20){
  5493. firstScrolled = true;
  5494. setTimeout(function(){
  5495. var hint = document.querySelector('.kbd-hint');
  5496. if (hint) hint.classList.add('fade');
  5497. }, 4000);
  5498. }
  5499. var h = document.documentElement.scrollHeight - window.innerHeight;
  5500. var p = h > 0 ? (window.scrollY / h) * 100 : 0;
  5501. if (progressLine) progressLine.style.width = p + '%';
  5502. // 找出离视口中心最近的 slide
  5503. var mid = window.innerHeight * 0.45;
  5504. var bestIdx = 0, bestDist = Infinity;
  5505. for (var i = 0; i < slides.length; i++){
  5506. var r = slides[i].getBoundingClientRect();
  5507. var center = (r.top + r.bottom) / 2;
  5508. var d = Math.abs(center - mid);
  5509. if (d < bestDist){ bestDist = d; bestIdx = i; }
  5510. }
  5511. if (bestIdx !== currentSlide) setActive(bestIdx);
  5512. }
  5513. window.addEventListener('scroll', onScroll, { passive: true });
  5514. onScroll();
  5515. navDots.forEach(function(d, i){
  5516. d.addEventListener('click', function(e){
  5517. e.preventDefault();
  5518. var tid = d.dataset.target;
  5519. var t = tid ? document.getElementById(tid) : slides[i];
  5520. if (t) t.scrollIntoView({ behavior: 'smooth', block: 'start' });
  5521. });
  5522. });
  5523. // —— 键盘导航 ——
  5524. function goto(idx){
  5525. idx = Math.max(0, Math.min(slides.length - 1, idx));
  5526. slides[idx].scrollIntoView({ behavior: 'smooth', block: 'start' });
  5527. }
  5528. window.addEventListener('keydown', function(e){
  5529. // 不在输入框里
  5530. var tag = (e.target && e.target.tagName || '').toLowerCase();
  5531. if (tag === 'input' || tag === 'textarea' || e.target.isContentEditable) return;
  5532. if (e.key === 'ArrowDown' || e.key === 'PageDown' || e.key === 'j'){ e.preventDefault(); goto(currentSlide + 1); }
  5533. else if (e.key === 'ArrowUp' || e.key === 'PageUp' || e.key === 'k'){ e.preventDefault(); goto(currentSlide - 1); }
  5534. else if (e.key === 'Home'){ e.preventDefault(); goto(0); }
  5535. else if (e.key === 'End'){ e.preventDefault(); goto(slides.length - 1); }
  5536. else if (e.key === ' '){ e.preventDefault(); goto(currentSlide + (e.shiftKey ? -1 : 1)); }
  5537. });
  5538. }
  5539. // —— 5) ECharts 懒加载(slide 进入视口才渲染,避免首屏卡顿)——
  5540. var COMMON = {
  5541. backgroundColor: 'transparent',
  5542. textStyle: { fontFamily: 'Inter, Noto Sans SC, system-ui', color: '#A8A8A8' },
  5543. grid: { left: '3%', right: '4%', bottom: '3%', top: '12%', containLabel: true }
  5544. };
  5545. var AMBER='#F5A623', GREEN='#00DC82', PURPLE='#8B5CF6', ROSE='#FF4D8D', BLUE='#3B82F6';
  5546. var PALETTE = [AMBER, GREEN, PURPLE, ROSE, BLUE, '#EF4444', '#06B6D4', '#F59E0B'];
  5547. var CHART_REGISTRY = [];
  5548. function initChart(id, cb){
  5549. var el = document.getElementById(id);
  5550. if (!el) return;
  5551. CHART_REGISTRY.push({ id: id, el: el, cb: cb, rendered: false });
  5552. }
  5553. function renderChart(item){
  5554. if (item.rendered || !window.echarts) return;
  5555. var chart = window.echarts.init(item.el, null, { renderer: 'canvas' });
  5556. try { item.cb(chart); item.rendered = true; } catch(e){ console.error(item.id, e); }
  5557. window.addEventListener('resize', function(){ chart.resize(); });
  5558. }
  5559. function bootCharts(){
  5560. if (!window.echarts) { setTimeout(bootCharts, 300); return; }
  5561. if (!('IntersectionObserver' in window)){
  5562. CHART_REGISTRY.forEach(renderChart);
  5563. return;
  5564. }
  5565. var io = new IntersectionObserver(function(entries){
  5566. entries.forEach(function(e){
  5567. if (!e.isIntersecting) return;
  5568. var item = CHART_REGISTRY.find(function(x){ return x.el === e.target; });
  5569. if (item) renderChart(item);
  5570. io.unobserve(e.target);
  5571. });
  5572. }, { threshold: 0.1, rootMargin: '200px 0px' });
  5573. CHART_REGISTRY.forEach(function(item){ io.observe(item.el); });
  5574. }
  5575. function initCharts(){
  5576. var D = window.__CHART_DATA__ || {};
  5577. // 样本分布
  5578. initChart('chartSample', function(chart){
  5579. var data = (D.noteHeatmap || []).slice(0, 5).map(function(n, i){
  5580. return {
  5581. value: (n.liked || 0) + (n.comments || 0) + (n.collected || 0),
  5582. name: (n.title || '').slice(0, 14) || '笔记' + (i + 1),
  5583. itemStyle: { color: PALETTE[i % PALETTE.length] }
  5584. };
  5585. });
  5586. chart.setOption(Object.assign({}, COMMON, {
  5587. tooltip: { trigger: 'item', backgroundColor: '#1A1A1A', borderColor: '#252525', textStyle: { color: '#F5F5F5' } },
  5588. legend: { bottom: 0, textStyle: { color: '#A8A8A8', fontSize: 11 } },
  5589. animationDuration: 1000, animationEasing: 'cubicOut',
  5590. series: [{
  5591. type: 'pie', radius: ['52%', '76%'], center: ['50%', '45%'],
  5592. label: { color: '#F5F5F5', fontSize: 11, formatter: '{b}\n{c}' },
  5593. itemStyle: { borderColor: '#0A0A0A', borderWidth: 2 },
  5594. data: data
  5595. }]
  5596. }));
  5597. });
  5598. // IP 地域
  5599. initChart('chartGeo', function(chart){
  5600. var ips = (D.topIPs || []).slice(0, 10).reverse();
  5601. chart.setOption(Object.assign({}, COMMON, {
  5602. tooltip: { trigger: 'axis', backgroundColor: '#1A1A1A', borderColor: '#252525', textStyle: { color: '#F5F5F5' } },
  5603. animationDuration: 1200, animationEasing: 'cubicOut',
  5604. xAxis: { type: 'value', axisLine: { lineStyle: { color: '#252525' } }, splitLine: { lineStyle: { color: '#1A1A1A' } }, axisLabel: { color: '#6B6B6B' } },
  5605. yAxis: { type: 'category', data: ips.map(function(x){return x[0];}), axisLine: { lineStyle: { color: '#252525' } }, axisLabel: { color: '#A8A8A8', fontSize: 12 } },
  5606. series: [{
  5607. type: 'bar', data: ips.map(function(x){return x[1];}),
  5608. itemStyle: { color: AMBER, borderRadius: [0, 3, 3, 0] }, barWidth: '60%',
  5609. label: { show: true, position: 'right', color: '#F5A623', fontFamily: 'JetBrains Mono', fontSize: 11 }
  5610. }]
  5611. }));
  5612. });
  5613. // 笔记热力散点
  5614. initChart('chartNoteHeatmap', function(chart){
  5615. chart.setOption(Object.assign({}, COMMON, {
  5616. tooltip: {
  5617. trigger: 'item', backgroundColor: '#1A1A1A', borderColor: '#252525', textStyle: { color: '#F5F5F5' },
  5618. formatter: function(p){
  5619. return '<div style="max-width:260px;"><strong style="color:#F5A623;">' + p.data[3] +
  5620. '</strong><br>点赞 ' + p.data[0] + ' · 评论 ' + p.data[1] + ' · 收藏 ' + p.data[2] + '</div>';
  5621. }
  5622. },
  5623. animationDuration: 1400, animationDelay: function(i){ return i * 30; },
  5624. xAxis: { type: 'value', name: '点赞数', nameTextStyle: { color: '#A8A8A8' }, axisLine: { lineStyle: { color: '#252525' } }, splitLine: { lineStyle: { color: '#1A1A1A' } }, axisLabel: { color: '#6B6B6B' } },
  5625. yAxis: { type: 'value', name: '评论数', nameTextStyle: { color: '#A8A8A8' }, axisLine: { lineStyle: { color: '#252525' } }, splitLine: { lineStyle: { color: '#1A1A1A' } }, axisLabel: { color: '#6B6B6B' } },
  5626. series: [{
  5627. type: 'scatter',
  5628. data: (D.noteHeatmap || []).map(function(n){ return [n.liked, n.comments, n.collected, n.title]; }),
  5629. symbolSize: function(v){ return Math.max(10, Math.min(56, Math.sqrt(v[2] || 1) * 3.5)); },
  5630. itemStyle: {
  5631. color: new echarts.graphic.RadialGradient(0.4, 0.4, 0.6, [
  5632. { offset: 0, color: 'rgba(245,166,35,0.9)' },
  5633. { offset: 1, color: 'rgba(245,166,35,0.15)' }
  5634. ]),
  5635. borderColor: '#F5A623', borderWidth: 1
  5636. },
  5637. emphasis: { itemStyle: { borderWidth: 2, shadowBlur: 16, shadowColor: 'rgba(245,166,35,0.5)' } }
  5638. }]
  5639. }));
  5640. });
  5641. // 价格带
  5642. initChart('chartPrice', function(chart){
  5643. var keys = Object.keys(D.priceBuckets || {});
  5644. var vals = keys.map(function(k){ return D.priceBuckets[k]; });
  5645. chart.setOption(Object.assign({}, COMMON, {
  5646. tooltip: { trigger: 'axis', backgroundColor: '#1A1A1A', borderColor: '#252525', textStyle: { color: '#F5F5F5' } },
  5647. animationDuration: 1200,
  5648. xAxis: { type: 'category', data: keys, axisLine: { lineStyle: { color: '#252525' } }, axisLabel: { color: '#A8A8A8', fontFamily: 'JetBrains Mono' } },
  5649. yAxis: { type: 'value', axisLine: { lineStyle: { color: '#252525' } }, splitLine: { lineStyle: { color: '#1A1A1A' } }, axisLabel: { color: '#6B6B6B' } },
  5650. series: [{
  5651. type: 'bar', data: vals,
  5652. itemStyle: {
  5653. color: { type: 'linear', x: 0, y: 0, x2: 0, y2: 1,
  5654. colorStops: [{ offset: 0, color: '#F5A623' }, { offset: 1, color: 'rgba(245,166,35,0.3)' }] },
  5655. borderRadius: [4, 4, 0, 0]
  5656. },
  5657. barWidth: '56%',
  5658. label: { show: true, position: 'top', color: '#F5A623', fontFamily: 'JetBrains Mono', fontWeight: 600 }
  5659. }]
  5660. }));
  5661. });
  5662. // 品牌月销(横条,兼容)
  5663. initChart('chartBrands', function(chart){
  5664. var brands = (D.topBrands || []).slice().reverse();
  5665. chart.setOption(Object.assign({}, COMMON, {
  5666. tooltip: { trigger: 'axis', backgroundColor: '#1A1A1A', borderColor: '#252525', textStyle: { color: '#F5F5F5' },
  5667. formatter: function(p){ return p.map(function(x){ return x.name + ': $' + (x.value/100).toLocaleString('en-US',{maximumFractionDigits:0}); }).join('<br>'); }
  5668. },
  5669. animationDuration: 1200,
  5670. xAxis: { type: 'value', axisLine: { lineStyle: { color: '#252525' } }, splitLine: { lineStyle: { color: '#1A1A1A' } }, axisLabel: { color: '#6B6B6B', formatter: function(v){ return '$' + (v/100000).toFixed(0) + 'k'; } } },
  5671. yAxis: { type: 'category', data: brands.map(function(x){return x[0];}), axisLine: { lineStyle: { color: '#252525' } }, axisLabel: { color: '#A8A8A8', fontSize: 12 } },
  5672. series: [{
  5673. type: 'bar', data: brands.map(function(x){return x[1];}),
  5674. itemStyle: {
  5675. color: function(params){ return PALETTE[params.dataIndex % PALETTE.length]; },
  5676. borderRadius: [0, 3, 3, 0]
  5677. },
  5678. barWidth: '58%',
  5679. label: { show: true, position: 'right', color: '#A8A8A8', fontFamily: 'JetBrains Mono', fontSize: 10, formatter: function(p){ return '$' + (p.value/100000).toFixed(0) + 'k'; } }
  5680. }]
  5681. }));
  5682. });
  5683. // 评分分布
  5684. initChart('chartRatingDist', function(chart){
  5685. var data = D.ratingBuckets || {};
  5686. var keys = Object.keys(data);
  5687. var vals = keys.map(function(k){ return data[k]; });
  5688. var colors = ['#EF4444','#F59E0B','#F5A623','#06B6D4','#00DC82'];
  5689. chart.setOption(Object.assign({}, COMMON, {
  5690. tooltip: { trigger: 'axis', backgroundColor: '#1A1A1A', borderColor: '#252525', textStyle: { color: '#F5F5F5' },
  5691. formatter: function(p){ return p.map(function(x){ return x.name + ': ' + x.value + ' SKU'; }).join('<br>'); }
  5692. },
  5693. animationDuration: 1200,
  5694. xAxis: { type: 'category', data: keys, axisLine: { lineStyle: { color: '#252525' } }, axisLabel: { color: '#A8A8A8', fontFamily: 'JetBrains Mono', fontSize: 11 } },
  5695. yAxis: { type: 'value', axisLine: { lineStyle: { color: '#252525' } }, splitLine: { lineStyle: { color: '#1A1A1A' } }, axisLabel: { color: '#6B6B6B' } },
  5696. series: [{
  5697. type: 'bar', data: vals.map(function(v, i){ return { value: v, itemStyle: { color: colors[i] || GREEN, borderRadius: [4, 4, 0, 0] } }; }),
  5698. barWidth: '54%',
  5699. label: { show: true, position: 'top', color: '#F5F5F5', fontFamily: 'JetBrains Mono', fontWeight: 600 }
  5700. }]
  5701. }));
  5702. });
  5703. // 品牌份额(donut)
  5704. initChart('chartBrandShare', function(chart){
  5705. var data = (D.topBrandShares || []).map(function(b, i){
  5706. return { value: b.value, name: b.name, itemStyle: { color: PALETTE[i % PALETTE.length] }, _sales: b.sales, _count: b.count };
  5707. });
  5708. chart.setOption(Object.assign({}, COMMON, {
  5709. tooltip: { trigger: 'item', backgroundColor: '#1A1A1A', borderColor: '#252525', textStyle: { color: '#F5F5F5' },
  5710. 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}); }
  5711. },
  5712. legend: { bottom: 0, textStyle: { color: '#A8A8A8', fontSize: 10 }, itemWidth: 8, itemHeight: 8 },
  5713. animationDuration: 1400, animationEasing: 'cubicOut',
  5714. series: [{
  5715. type: 'pie', radius: ['48%', '72%'], center: ['50%', '45%'],
  5716. label: { color: '#F5F5F5', fontSize: 10, formatter: function(p){ return p.value > 3 ? p.name + '\n' + p.value.toFixed(1) + '%' : ''; } },
  5717. labelLine: { show: true, length: 8, length2: 8 },
  5718. itemStyle: { borderColor: '#0A0A0A', borderWidth: 2 },
  5719. data: data
  5720. }]
  5721. }));
  5722. });
  5723. // 评论数分布(横条)
  5724. initChart('chartReviewCount', function(chart){
  5725. var data = D.reviewCountBuckets || {};
  5726. var keys = Object.keys(data);
  5727. var vals = keys.map(function(k){ return data[k]; });
  5728. chart.setOption(Object.assign({}, COMMON, {
  5729. tooltip: { trigger: 'axis', backgroundColor: '#1A1A1A', borderColor: '#252525', textStyle: { color: '#F5F5F5' } },
  5730. animationDuration: 1200,
  5731. xAxis: { type: 'value', axisLine: { lineStyle: { color: '#252525' } }, splitLine: { lineStyle: { color: '#1A1A1A' } }, axisLabel: { color: '#6B6B6B' } },
  5732. yAxis: { type: 'category', data: keys, axisLine: { lineStyle: { color: '#252525' } }, axisLabel: { color: '#A8A8A8', fontFamily: 'JetBrains Mono', fontSize: 11 } },
  5733. series: [{
  5734. type: 'bar', data: vals,
  5735. itemStyle: {
  5736. color: { type: 'linear', x: 0, y: 0, x2: 1, y2: 0,
  5737. colorStops: [{ offset: 0, color: 'rgba(139,92,246,0.2)' }, { offset: 1, color: '#8B5CF6' }] },
  5738. borderRadius: [0, 3, 3, 0]
  5739. },
  5740. barWidth: '56%',
  5741. label: { show: true, position: 'right', color: '#A8A8A8', fontFamily: 'JetBrains Mono', fontSize: 11 }
  5742. }]
  5743. }));
  5744. });
  5745. // 星级分布
  5746. initChart('chartStarDist', function(chart){
  5747. var products = D.starDistProducts || [];
  5748. if (!products.length) return;
  5749. var categories = products.map(function(p){ return p.brand + ' · ' + p.asin; });
  5750. var colors = ['#00DC82','#06B6D4','#F5A623','#F59E0B','#EF4444'];
  5751. var labels = ['5★','4★','3★','2★','1★'];
  5752. var series = [0,1,2,3,4].map(function(i){
  5753. return {
  5754. name: labels[i], type: 'bar', stack: 'stars',
  5755. data: products.map(function(p){ return p.stars[i]; }),
  5756. itemStyle: { color: colors[i] }
  5757. };
  5758. });
  5759. chart.setOption(Object.assign({}, COMMON, {
  5760. tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' }, backgroundColor: '#1A1A1A', borderColor: '#252525', textStyle: { color: '#F5F5F5' } },
  5761. legend: { bottom: 0, textStyle: { color: '#A8A8A8', fontSize: 10 }, itemWidth: 10, itemHeight: 10 },
  5762. animationDuration: 1400,
  5763. grid: { left: '3%', right: '4%', bottom: '16%', top: '6%', containLabel: true },
  5764. xAxis: { type: 'value', axisLine: { lineStyle: { color: '#252525' } }, splitLine: { lineStyle: { color: '#1A1A1A' } }, axisLabel: { color: '#6B6B6B' } },
  5765. yAxis: { type: 'category', data: categories, axisLine: { lineStyle: { color: '#252525' } }, axisLabel: { color: '#A8A8A8', fontSize: 11 } },
  5766. series: series
  5767. }));
  5768. });
  5769. // 抖音账号作品热度散点
  5770. initChart('chartDyPosts', function(chart){
  5771. var posts = (D.douyinPosts || []);
  5772. if (!posts.length) return;
  5773. chart.setOption(Object.assign({}, COMMON, {
  5774. tooltip: { trigger: 'item', backgroundColor: '#1A1A1A', borderColor: '#252525', textStyle: { color: '#F5F5F5' },
  5775. formatter: function(p){
  5776. return '<div style="max-width:280px;"><strong style="color:#F5A623;">' + (p.data[3]||'').slice(0,60) +
  5777. '</strong><br>点赞 ' + p.data[0].toLocaleString() + ' · 评论 ' + p.data[1] + ' · 转发 ' + p.data[2] + '</div>';
  5778. }
  5779. },
  5780. animationDuration: 1200,
  5781. 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; } } },
  5782. yAxis: { type: 'value', name: '评论', nameTextStyle: { color: '#A8A8A8' }, axisLine: { lineStyle: { color: '#252525' } }, splitLine: { lineStyle: { color: '#1A1A1A' } }, axisLabel: { color: '#6B6B6B' } },
  5783. series: [{
  5784. type: 'scatter',
  5785. data: posts.map(function(p){ return [p.digg||0, p.comment||0, p.share||0, p.desc||'']; }),
  5786. symbolSize: function(v){ return Math.max(12, Math.min(60, Math.sqrt((v[2]||0) + 1) * 4)); },
  5787. itemStyle: {
  5788. color: new echarts.graphic.RadialGradient(0.4, 0.4, 0.6, [
  5789. { offset: 0, color: 'rgba(255,77,141,0.9)' },
  5790. { offset: 1, color: 'rgba(255,77,141,0.2)' }
  5791. ]),
  5792. borderColor: '#FF4D8D', borderWidth: 1
  5793. },
  5794. emphasis: { itemStyle: { borderWidth: 2, shadowBlur: 16, shadowColor: 'rgba(255,77,141,0.5)' } }
  5795. }]
  5796. }));
  5797. });
  5798. }
  5799. // —— Boot ——
  5800. function boot(){
  5801. try { splitHeadlines(); } catch(e){ console.error('split', e); }
  5802. try { initReveal(); } catch(e){ console.error('reveal', e); }
  5803. try { initCountUp(); } catch(e){ console.error('countup', e); }
  5804. try { initDeck(); } catch(e){ console.error('deck', e); }
  5805. try { initCharts(); bootCharts(); } catch(e){ console.error('charts', e); }
  5806. }
  5807. if (document.readyState === 'loading'){
  5808. document.addEventListener('DOMContentLoaded', boot);
  5809. } else {
  5810. boot();
  5811. }
  5812. })();
  5813. </script>
  5814. </body>
  5815. </html>