18307996893
/
fmode-voc-projects


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852
							<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>江中肝纯片 · VOC 洞察报告</title>
<script>document.documentElement.classList.add('js');</script>
<!-- 本地离线字体（同目录 assets/fonts/） · 双击 HTML 即可用，无需网络 -->
<link href="./assets/fonts/fonts.css" rel="stylesheet">
<!-- 在线 fallback：仅当本地字体缺失时异步加载（不阻塞首屏） -->
<link href="https://fonts.loli.net/css2?family=Inter:wght@400;600;700;800;900&family=Noto+Sans+SC:wght@400;500;700;900&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet" media="print" onload="this.media='all'">
<script src="https://cdn.jsdelivr.net/npm/echarts@5.5.0/dist/echarts.min.js"></script>
<style>
:root {
  --bg-0: #0A0A0A;
  --bg-1: #111111;
  --bg-2: #1A1A1A;
  --bg-3: #252525;
  --border: rgba(255,255,255,0.08);
  --border-strong: rgba(255,255,255,0.16);
  --text-1: #F5F5F5;
  --text-2: #A8A8A8;
  --text-3: #6B6B6B;
  --amber: #F5A623;
  --amber-glow: rgba(245,166,35,0.15);
  --green: #00DC82;
  --purple: #8B5CF6;
  --rose: #FF4D8D;
  --blue: #3B82F6;
  --red: #EF4444;
  --font-head: 'Inter','Noto Sans SC','PingFang SC','Hiragino Sans GB','Microsoft YaHei','微软雅黑','Source Han Sans CN',system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
  --font-body: 'Noto Sans SC','Inter','PingFang SC','Hiragino Sans GB','Microsoft YaHei','微软雅黑','Source Han Sans CN',system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
  --font-mono: 'JetBrains Mono','SF Mono','Fira Code','Cascadia Code',Consolas,'Courier New',monospace;
  --max-w: 1280px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
html {
  scroll-behavior: smooth;
  font-size: 16px;
  /* 轻 snap：不打断流式浏览，但在接近 slide 时会贴合 */
  scroll-snap-type: y proximity;
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-snap-type: none; scroll-behavior: auto; }
}
body {
  font-family: var(--font-body);
  background: var(--bg-0);
  color: var(--text-1);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 900px) {
  .matrix-2x2 { grid-template-columns: 40px 1fr; grid-template-rows: auto; }
  .matrix-2x2 .axis-x, .matrix-2x2 .axis-y { display: none; }
  .matrix-cell { grid-column: 2; }
}
@media (max-width: 600px) {
  .nav-rail { display: none; }
  .top-bar { padding: 14px 18px; font-size: 0.72rem; }
}
</style>
</head>
<body>
<div class="progress-line" id="progress-line"></div>
<div class="top-bar">
  <div class="brand-logo">BRAIN<span class="dot">·</span>HACK / VOC</div>
  <div class="text-mono text-xs">江中肝纯片 — 洞察报告 v2.0</div>
</div>
<nav class="nav-rail" id="navRail">
  <a class="nav-dot active" data-tip="封面" data-target="s0" href="#s0"></a>
  <a class="nav-dot" data-tip="执行摘要" data-target="s1" href="#s1"></a>
  <a class="nav-dot" data-tip="核心洞察" data-target="s2" href="#s2"></a>
  <a class="nav-dot" data-tip="爆款笔记" data-target="s3" href="#s3"></a>
  <a class="nav-dot" data-tip="用户原声" data-target="s4" href="#s4"></a>
  <a class="nav-dot" data-tip="KOL 分析" data-target="s5" href="#s5"></a>
  <a class="nav-dot" data-tip="Amazon 对标" data-target="s6" href="#s6"></a>
  <a class="nav-dot" data-tip="TikTok 海外" data-target="sttk" href="#sttk"></a>
  <a class="nav-dot" data-tip="抖音阵地" data-target="sdy" href="#sdy"></a>
  <a class="nav-dot" data-tip="痛点亮点" data-target="s7" href="#s7"></a>
  <a class="nav-dot" data-tip="机会矩阵" data-target="s8" href="#s8"></a>
  <a class="nav-dot" data-tip="行动建议" data-target="s9" href="#s9"></a>
</nav>
<div class="slide-counter" id="slideCounter">
  <span class="now">01</span>
  <span>/</span>
  <span class="total">12</span>
  <span class="bar"></span>
</div>
<div class="kbd-hint" id="kbdHint">
  <kbd>↓</kbd> / <kbd>Space</kbd>
  <span style="margin:0 4px;opacity:.5;">|</span>
  <span style="opacity:.7;">滚动或按键切换</span>
</div>
<main class="deck">
<section class="report-section" id="s0" data-tone="amber" data-slide-num="01/12" style="min-height:100vh;padding:0;">
  <div class="cover-hero">
    <div class="aurora" aria-hidden="true"><span></span><span></span><span></span></div>
    <div class="cover-grid-bg"></div>
    <div class="cover-content">
      <div class="cover-meta rise-in"><span>VOC / 2026 / 中国市场 · Amazon 对标</span></div>
      <div class="cover-title-stack">
        <p class="text-mono text-amber rise-in" style="font-size:0.9rem;letter-spacing:0.2em;margin-bottom:18px;">OTC 保肝片剂</p>
        <h1 class="cover-title rise-in">江中肝纯片</h1>
        <p class="text-poster rise-in" style="margin-top:20px;color:var(--text-2);">用户洞察 · VOC 报告</p>
      </div>
      <p class="cover-sub fade-up">
        基于小红书 <strong class="text-amber">15</strong> 篇相关笔记 ·
        <strong class="text-amber">50</strong> 条真实评论 ·
        <strong class="text-amber">4</strong> 位作者画像 ·
        叠加 Amazon <strong class="text-amber">689</strong> 款国际对标产品，
        解构用户真实需求、场景与未被满足的机会。
      </p>
      <div class="cover-stats fade-up">
        <div class="cover-stat"><div class="num">1.1w</div><div class="lbl">累计点赞</div></div>
        <div class="cover-stat"><div class="num">404</div><div class="lbl">累计评论</div></div>
        <div class="cover-stat"><div class="num">7.0k</div><div class="lbl">累计收藏</div></div>
        <div class="cover-stat"><div class="num">6.6k</div><div class="lbl">累计分享</div></div>
      </div>
      <p class="text-mono text-xs fade-up" style="margin-top:64px;">SCROLL DOWN · 采集时间 2026/4/18</p>
    </div>
  </div>
</section>
<section class="report-section" id="s1" data-tone="amber" data-slide-num="02/12">
  <div class="section-inner">
    <div class="section-head rise-in">
      <div class="section-eyebrow">01 · Executive Summary</div>
      <h2 class="text-h1"><span class="headline-anim">执行摘要</span></h2>
      <p class="section-sub">核心数据一览，洞察始于规模。</p>
    </div>
    <div class="grid grid-4">
      <div class="metric fade-up">
        <div class="metric-label">笔记样本</div>
        <div class="metric-value" data-count="15">15</div>
        <div class="metric-sub">关键词覆盖 3 个维度</div>
      </div>
      <div class="metric fade-up">
        <div class="metric-label">评论原声</div>
        <div class="metric-value" data-count="50">50</div>
        <div class="metric-sub">来自 Top 笔记深度抓取</div>
      </div>
      <div class="metric fade-up">
        <div class="metric-label">作者画像</div>
        <div class="metric-value" data-count="4">4</div>
        <div class="metric-sub">头部 0 · 腰部 2 · KOC 2</div>
      </div>
      <div class="metric fade-up">
        <div class="metric-label">评论/点赞比</div>
        <div class="metric-value">3.8<span class="metric-unit"> %</span></div>
        <div class="metric-sub">用户参与深度指标</div>
      </div>
    </div>
    <div class="grid grid-2" style="margin-top:40px;">
      <div class="card fade-up">
        <div class="text-mono text-xs" style="color:var(--amber);">SAMPLE BREAKDOWN</div>
        <h3 class="text-h2" style="margin-top:10px;">样本规模分布</h3>
        <div id="chartSample" class="chart-container" style="margin-top:20px;"></div>
      </div>
      <div class="card fade-up">
        <div class="text-mono text-xs" style="color:var(--amber);">GEO DISTRIBUTION</div>
        <h3 class="text-h2" style="margin-top:10px;">用户地域 TOP 10</h3>
        <div id="chartGeo" class="chart-container" style="margin-top:20px;"></div>
      </div>
    </div>
  </div>
</section>
<section class="report-section" id="s2" data-tone="rose" data-slide-num="03/12">
  <div class="section-inner">
    <div class="section-head rise-in">
      <div class="section-eyebrow">02 · Core Insights</div>
      <h2 class="text-h1"><span class="headline-anim">三条核心洞察</span></h2>
      <p class="section-sub">从数据里提炼出的不言而喻的真相。</p>
    </div>
    <div class="grid" style="grid-template-columns:1fr;gap:18px;">
      <div class="insight-banner fade-up" data-num="I">
        <h3>用户对此品类的第一反应是 <strong>副作用担忧</strong><br>而非功效或品牌。</h3>
        <p class="insight-body">在 50 条评论中，"副作用担忧"被反复提及 <strong class="text-amber">1</strong> 次，超过任何品牌词。这是品类级的心智障碍，比产品本身更值得投资解决。</p>
        <div class="insight-data">
          <div class="dp"><span class="num">1</span><span class="lbl">提及次数</span></div>
          <div class="dp"><span class="num">5</span><span class="lbl">正向对照</span></div>
          <div class="dp"><span class="num text-rose">2.0%</span><span class="lbl">覆盖率</span></div>
        </div>
      </div>
      <div class="insight-banner fade-up" data-num="II">
        <h3>最高赞笔记 <strong>4.0k</strong> 赞，<br>主题围绕 <strong>应酬场景</strong>。</h3>
        <p class="insight-body">"<em>打工人必备的自救指南之护肝片</em>" — 证明 <strong class="text-amber">应酬场景</strong> 是此品类最强的种草切入点。内容方向 / 产品卖点 / 投流素材都应围绕这一场景聚焦。</p>
        <div class="insight-data">
          <div class="dp"><span class="num">4.0k</span><span class="lbl">最高赞</span></div>
          <div class="dp"><span class="num">10</span><span class="lbl">评论</span></div>
          <div class="dp"><span class="num">3.6k</span><span class="lbl">收藏</span></div>
        </div>
      </div>
      <div class="insight-banner fade-up" data-num="III">
        <h3>一条 <strong>30</strong> 赞的评论，<br>说明 <strong>高复购意向</strong> 是消费者自发认同的卖点。</h3>
        <p class="insight-body">"<em>那上大夜班怎么办 到底能不能吃护肝片哎</em>" — 这条评论的点赞数体现消费者的<strong class="text-amber">共识形成</strong>。这个表达本身就是可直接挪用的最佳营销文案。</p>
        <div class="insight-data">
          <div class="dp"><span class="num">30</span><span class="lbl">评论获赞</span></div>
          <div class="dp"><span class="num">5</span><span class="lbl">亮点提及</span></div>
          <div class="dp"><span class="num">5</span><span class="lbl">场景覆盖</span></div>
        </div>
      </div>
    </div>
  </div>
</section>
<section class="report-section" id="s3" data-tone="amber" data-slide-num="04/12">
  <div class="section-inner">
    <div class="section-head rise-in">
      <div class="section-eyebrow">03 · Top Notes</div>
      <h2 class="text-h1"><span class="headline-anim">爆款笔记 · 种草全景</span></h2>
      <p class="section-sub">按点赞数排序的 Top 12 笔记 · 标题 / 互动结构 / 发布人画像</p>
    </div>
    <div class="grid grid-3">
      <div class="note-card fade-up">
        <div class="note-rank">#01</div>
        <div class="note-title">打工人必备的自救指南之护肝片</div>
        <div style="display:flex;gap:8px;flex-wrap:wrap;">
          <span class="tag gray">视频</span>
          
        </div>
        <div class="note-stats">
          <div class="st"><span class="n">4.0k</span><span class="l">LIKES</span></div>
          <div class="st"><span class="n">10</span><span class="l">COMMENTS</span></div>
          <div class="st"><span class="n">3.6k</span><span class="l">SAVES</span></div>
        </div>
        <div class="text-xs" style="color:var(--text-3);">@生物学硕士琪琪</div>
      </div>
      <div class="note-card fade-up">
        <div class="note-rank">#02</div>
        <div class="note-title">护肝片，真的可以保护我们的肝脏吗？</div>
        <div style="display:flex;gap:8px;flex-wrap:wrap;">
          <span class="tag gray">视频</span>
          
        </div>
        <div class="note-stats">
          <div class="st"><span class="n">2.4k</span><span class="l">LIKES</span></div>
          <div class="st"><span class="n">56</span><span class="l">COMMENTS</span></div>
          <div class="st"><span class="n">1.3k</span><span class="l">SAVES</span></div>
        </div>
        <div class="text-xs" style="color:var(--text-3);">@中医院孙主任</div>
      </div>
      <div class="note-card fade-up">
        <div class="note-rank">#03</div>
        <div class="note-title">不要吃护肝片 不要吃护肝片 不要吃护肝片</div>
        <div style="display:flex;gap:8px;flex-wrap:wrap;">
          <span class="tag gray">视频</span>
          
        </div>
        <div class="note-stats">
          <div class="st"><span class="n">2.0k</span><span class="l">LIKES</span></div>
          <div class="st"><span class="n">165</span><span class="l">COMMENTS</span></div>
          <div class="st"><span class="n">864</span><span class="l">SAVES</span></div>
        </div>
        <div class="text-xs" style="color:var(--text-3);">@肝病专家万强</div>
      </div>
      <div class="note-card fade-up">
        <div class="note-rank">#04</div>
        <div class="note-title"></div>
        <div style="display:flex;gap:8px;flex-wrap:wrap;">
          <span class="tag gray">视频</span>
          
        </div>
        <div class="note-stats">
          <div class="st"><span class="n">764</span><span class="l">LIKES</span></div>
          <div class="st"><span class="n">58</span><span class="l">COMMENTS</span></div>
          <div class="st"><span class="n">292</span><span class="l">SAVES</span></div>
        </div>
        <div class="text-xs" style="color:var(--text-3);">@中医郝明霞主任</div>
      </div>
      <div class="note-card fade-up">
        <div class="note-rank">#05</div>
        <div class="note-title">熬夜真的爆肝！生化硕士教你3步选对护肝片</div>
        <div style="display:flex;gap:8px;flex-wrap:wrap;">
          <span class="tag gray">视频</span>
          
        </div>
        <div class="note-stats">
          <div class="st"><span class="n">685</span><span class="l">LIKES</span></div>
          <div class="st"><span class="n">29</span><span class="l">COMMENTS</span></div>
          <div class="st"><span class="n">288</span><span class="l">SAVES</span></div>
        </div>
        <div class="text-xs" style="color:var(--text-3);">@生化硕士K妈</div>
      </div>
      <div class="note-card fade-up">
        <div class="note-rank">#06</div>
        <div class="note-title">熬夜党必看 | 护肝片不是零食，吃前看这三点</div>
        <div style="display:flex;gap:8px;flex-wrap:wrap;">
          <span class="tag gray">视频</span>
          
        </div>
        <div class="note-stats">
          <div class="st"><span class="n">681</span><span class="l">LIKES</span></div>
          <div class="st"><span class="n">16</span><span class="l">COMMENTS</span></div>
          <div class="st"><span class="n">584</span><span class="l">SAVES</span></div>
        </div>
        <div class="text-xs" style="color:var(--text-3);">@生物硕士晓晓</div>
      </div>
      <div class="note-card fade-up">
        <div class="note-rank">#07</div>
        <div class="note-title">白发转黑啦</div>
        <div style="display:flex;gap:8px;flex-wrap:wrap;">
          <span class="tag gray">图文</span>
          
        </div>
        <div class="note-stats">
          <div class="st"><span class="n">19</span><span class="l">LIKES</span></div>
          <div class="st"><span class="n">9</span><span class="l">COMMENTS</span></div>
          <div class="st"><span class="n">13</span><span class="l">SAVES</span></div>
        </div>
        <div class="text-xs" style="color:var(--text-3);">@练气0.8层</div>
      </div>
      <div class="note-card fade-up">
        <div class="note-rank">#08</div>
        <div class="note-title">经常熬夜加班，求男性护肝片推荐～</div>
        <div style="display:flex;gap:8px;flex-wrap:wrap;">
          <span class="tag gray">图文</span>
          
        </div>
        <div class="note-stats">
          <div class="st"><span class="n">16</span><span class="l">LIKES</span></div>
          <div class="st"><span class="n">20</span><span class="l">COMMENTS</span></div>
          <div class="st"><span class="n">0</span><span class="l">SAVES</span></div>
        </div>
        <div class="text-xs" style="color:var(--text-3);">@小鱼饼干</div>
      </div>
      <div class="note-card fade-up">
        <div class="note-rank">#09</div>
        <div class="note-title">替大家试过了</div>
        <div style="display:flex;gap:8px;flex-wrap:wrap;">
          <span class="tag gray">视频</span>
          
        </div>
        <div class="note-stats">
          <div class="st"><span class="n">13</span><span class="l">LIKES</span></div>
          <div class="st"><span class="n">11</span><span class="l">COMMENTS</span></div>
          <div class="st"><span class="n">7</span><span class="l">SAVES</span></div>
        </div>
        <div class="text-xs" style="color:var(--text-3);">@驴小猫</div>
      </div>
      <div class="note-card fade-up">
        <div class="note-rank">#10</div>
        <div class="note-title">这才是真正的肝纯片！</div>
        <div style="display:flex;gap:8px;flex-wrap:wrap;">
          <span class="tag gray">视频</span>
          
        </div>
        <div class="note-stats">
          <div class="st"><span class="n">5</span><span class="l">LIKES</span></div>
          <div class="st"><span class="n">0</span><span class="l">COMMENTS</span></div>
          <div class="st"><span class="n">6</span><span class="l">SAVES</span></div>
        </div>
        <div class="text-xs" style="color:var(--text-3);">@量起科技三胎宝妈育儿</div>
      </div>
      <div class="note-card fade-up">
        <div class="note-rank">#11</div>
        <div class="note-title"></div>
        <div style="display:flex;gap:8px;flex-wrap:wrap;">
          <span class="tag gray">图文</span>
          
        </div>
        <div class="note-stats">
          <div class="st"><span class="n">4</span><span class="l">LIKES</span></div>
          <div class="st"><span class="n">24</span><span class="l">COMMENTS</span></div>
          <div class="st"><span class="n">0</span><span class="l">SAVES</span></div>
        </div>
        <div class="text-xs" style="color:var(--text-3);">@bb</div>
      </div>
      <div class="note-card fade-up">
        <div class="note-rank">#12</div>
        <div class="note-title">别再上当受骗了，正品的江中肝纯片长这样</div>
        <div style="display:flex;gap:8px;flex-wrap:wrap;">
          <span class="tag gray">视频</span>
          
        </div>
        <div class="note-stats">
          <div class="st"><span class="n">2</span><span class="l">LIKES</span></div>
          <div class="st"><span class="n">2</span><span class="l">COMMENTS</span></div>
          <div class="st"><span class="n">0</span><span class="l">SAVES</span></div>
        </div>
        <div class="text-xs" style="color:var(--text-3);">@江中保健品</div>
      </div>
    </div>
    <div class="card fade-up" style="margin-top:32px;">
      <div class="text-mono text-xs text-amber">NOTE HEATMAP</div>
      <h3 class="text-h2" style="margin-top:10px;">笔记互动热力图</h3>
      <p class="text-sm" style="margin:8px 0 20px;">X 轴=点赞 · Y 轴=评论 · 气泡大小=收藏 · 找出低评论高收藏的"干货潜力"笔记</p>
      <div id="chartNoteHeatmap" class="chart-container" style="min-height:440px;"></div>
    </div>
  </div>
</section>
<section class="report-section" id="s4" data-tone="amber" data-slide-num="05/12">
  <div class="section-inner">
    <div class="section-head rise-in">
      <div class="section-eyebrow">04 · Voice Wall</div>
      <h2 class="text-h1"><span class="headline-anim">用户真实原声</span></h2>
      <p class="section-sub">高赞评论 Top 15 · 未经任何编辑的 VOC 原始语料</p>
    </div>
    <div class="voice-wall">
      <div class="voice-card hot fade-up">
        <p class="voice-content">那上大夜班怎么办 到底能不能吃护肝片哎</p>
        <div class="voice-meta">
          <span>匿名</span>
          <span class="voice-likes">♥ 30</span>
        </div>
      </div>
      <div class="voice-card hot fade-up">
        <p class="voice-content">肝郁气滞可以吃护肝嘛</p>
        <div class="voice-meta">
          <span>匿名</span>
          <span class="voice-likes">♥ 24</span>
        </div>
      </div>
      <div class="voice-card hot fade-up">
        <p class="voice-content">医生其实也不是完全懂保健行业</p>
        <div class="voice-meta">
          <span>匿名</span>
          <span class="voice-likes">♥ 24</span>
        </div>
      </div>
      <div class="voice-card  fade-up">
        <p class="voice-content">肝火大，脾气暴躁，肝气郁结，可以吃吗</p>
        <div class="voice-meta">
          <span>匿名</span>
          <span class="voice-likes">♥ 23</span>
        </div>
      </div>
      <div class="voice-card  fade-up">
        <p class="voice-content">阔以呀，放心啦 刚在某宝买了 真的</p>
        <div class="voice-meta">
          <span>匿名</span>
          <span class="voice-likes">♥ 21</span>
        </div>
      </div>
      <div class="voice-card  fade-up">
        <p class="voice-content">宝子这些tb有吧</p>
        <div class="voice-meta">
          <span>匿名</span>
          <span class="voice-likes">♥ 20</span>
        </div>
      </div>
      <div class="voice-card  fade-up">
        <p class="voice-content">我就是吃到护肝片损了，血管瘤说不会长大，我在担心是不是吃到这些护肝片导致</p>
        <div class="voice-meta">
          <span>匿名</span>
          <span class="voice-likes">♥ 10</span>
        </div>
      </div>
      <div class="voice-card  fade-up">
        <p class="voice-content">有乙肝可以吃水飞蓟保肝片吗？</p>
        <div class="voice-meta">
          <span>匿名</span>
          <span class="voice-likes">♥ 8</span>
        </div>
      </div>
      <div class="voice-card  fade-up">
        <p class="voice-content">手指有竖纹是不是肝不好</p>
        <div class="voice-meta">
          <span>匿名</span>
          <span class="voice-likes">♥ 7</span>
        </div>
      </div>
      <div class="voice-card  fade-up">
        <p class="voice-content">但是我吃了护肝片就能睡好，不吃就容易失眠是为什么呢</p>
        <div class="voice-meta">
          <span>匿名</span>
          <span class="voice-likes">♥ 6</span>
        </div>
      </div>
      <div class="voice-card  fade-up">
        <p class="voice-content">刷到和另一个医院的医生一摸一样的文案</p>
        <div class="voice-meta">
          <span>匿名</span>
          <span class="voice-likes">♥ 5</span>
        </div>
      </div>
      <div class="voice-card  fade-up">
        <p class="voice-content">您好，轻度脂肪肝吃水飞蓟护肝片有作用吗？</p>
        <div class="voice-meta">
          <span>匿名</span>
          <span class="voice-likes">♥ 4</span>
        </div>
      </div>
      <div class="voice-card  fade-up">
        <p class="voice-content">有没有推荐吃的医生</p>
        <div class="voice-meta">
          <span>匿名</span>
          <span class="voice-likes">♥ 4</span>
        </div>
      </div>
      <div class="voice-card  fade-up">
        <p class="voice-content">看了几个白大褂专家说，怎么词都一摸一样的呢，背稿吗</p>
        <div class="voice-meta">
          <span>匿名</span>
          <span class="voice-likes">♥ 3</span>
        </div>
      </div>
      <div class="voice-card  fade-up">
        <p class="voice-content">我之前体检说重度脂肪肝，后来买了护肝片吃了一瓶半吧，去体检说是中度了，后来怀孕停了，生完孩子六个月，还剩一瓶半过期了，扔掉好可惜，又说哺乳期不能吃。</p>
        <div class="voice-meta">
          <span>匿名</span>
          <span class="voice-likes">♥ 2</span>
        </div>
      </div>
    </div>
  </div>
</section>
<section class="report-section" id="s5" data-tone="purple" data-slide-num="06/12">
  <div class="section-inner">
    <div class="section-head rise-in">
      <div class="section-eyebrow">05 · KOL Landscape</div>
      <h2 class="text-h1"><span class="headline-anim">作者生态分层</span></h2>
      <p class="section-sub">仅展示 ≥ 1000 粉且真实活跃的作者 · 已过滤 1 位低粉低互动账号</p>
    </div>
    <div class="grid grid-4" style="margin-bottom:32px;">
      <div class="metric fade-up">
        <div class="metric-label">头部 KOL (50w+)</div>
        <div class="metric-value" style="color:var(--amber);">0</div>
        <div class="metric-sub">品牌背书 · 单篇合作单价高</div>
      </div>
      <div class="metric fade-up">
        <div class="metric-label">腰部达人 (5w-50w)</div>
        <div class="metric-value" style="color:var(--green);">2</div>
        <div class="metric-sub">性价比最高 · 批量合作</div>
      </div>
      <div class="metric fade-up">
        <div class="metric-label">尾部 (5k-5w)</div>
        <div class="metric-value" style="color:var(--blue);">2</div>
        <div class="metric-sub">垂类精准 · 素材铺量</div>
      </div>
      <div class="metric fade-up">
        <div class="metric-label">KOC (1k-5k)</div>
        <div class="metric-value" style="color:var(--purple);">0</div>
        <div class="metric-sub">真实口碑 · 低成本试水</div>
      </div>
    </div>
    
    <h3 class="text-h2 fade-up" style="margin-top:24px;margin-bottom:20px;">合格作者 Top 4 · 按粉丝排序</h3>
    <div class="grid grid-3">
      <div class="kol-card fade-up">
        <img class="kol-avatar" src="https://sns-avatar-qc.xhscdn.com/avatar/1040g2jo313ijhb1806005or8holnrl7qnm2gfs0?imageView2/2/w/360/format/webp" alt="" loading="lazy" onerror="this.style.display='none'">
        <div class="kol-info">
          <div class="kol-name">生化硕士K妈</div>
          <div class="kol-desc">海归生化学硕士，曾任世界500强产品研发配方师 二胎妈妈，为了娃考取注册营养师 喜欢钻研科普文献、解读深扒成分 严谨科学的分享健康生活、变美</div>
          <div class="kol-stats">
            <span><span class="amber">22.6w</span> 粉丝</span>
            <span>155.0w 赞藏</span>
            <span>山东</span>
          </div>
        </div>
      </div>
      <div class="kol-card fade-up">
        <img class="kol-avatar" src="https://sns-avatar-qc.xhscdn.com/avatar/1040g2jo30sdhkhpv3k6g5oepg1b41gma1qqgi5o?imageView2/2/w/360/format/webp" alt="" loading="lazy" onerror="this.style.display='none'">
        <div class="kol-info">
          <div class="kol-name">中医院孙主任</div>
          <div class="kol-desc">✨广东省中医院大学城医院心身疾病科主任医师 ✨广州中医药大学教授/注册心理师 获评：岭南名医，羊城好医生 ✨擅长：中西医结合治疗各类睡眠障碍</div>
          <div class="kol-stats">
            <span><span class="amber">5.3w</span> 粉丝</span>
            <span>37.7w 赞藏</span>
            <span>广东</span>
          </div>
        </div>
      </div>
      <div class="kol-card fade-up">
        <img class="kol-avatar" src="https://sns-avatar-qc.xhscdn.com/avatar/659f43a36ed9c8cea89ea0cf.jpg?imageView2/2/w/360/format/webp" alt="" loading="lazy" onerror="this.style.display='none'">
        <div class="kol-info">
          <div class="kol-name">肝病专家万强</div>
          <div class="kol-desc">🌟甘肃省肿瘤医院 万强 🌟中西医结合科 主任医师 🌟擅长各种恶性肿瘤 血液病诊断 及慢性肝炎 肝硬化等常见病积累了丰富的临床经验 🌟</div>
          <div class="kol-stats">
            <span><span class="amber">1.6w</span> 粉丝</span>
            <span>7.1w 赞藏</span>
            
          </div>
        </div>
      </div>
      <div class="kol-card fade-up">
        <img class="kol-avatar" src="https://sns-avatar-qc.xhscdn.com/avatar/1040g2jo31ahj7vh4n26g5pne75q3cvo7t76q6q0?imageView2/2/w/360/format/webp" alt="" loading="lazy" onerror="this.style.display='none'">
        <div class="kol-info">
          <div class="kol-name">中医郝明霞主任</div>
          <div class="kol-desc">陕西省中医药大学附属医院主任医师 擅长运用中西医方法治疗：肝硬化、酒精肝、乙肝、肝炎、肝囊肿等问题。</div>
          <div class="kol-stats">
            <span><span class="amber">1.5w</span> 粉丝</span>
            <span>6.3w 赞藏</span>
            
          </div>
        </div>
      </div>
    </div>
    
    
  </div>
</section>
<section class="report-section" id="s6" data-tone="green" data-slide-num="07/12">
  <div class="section-inner">
    <div class="section-head rise-in">
      <div class="section-eyebrow">06 · Amazon Benchmark</div>
      <h2 class="text-h1"><span class="headline-anim">Amazon 国际对标</span></h2>
      <p class="section-sub">4 组英文关键词 × 3 页 · 689 款产品 · Top 6 深度详情 · Top 3 真实评论</p>
    </div>
    
    <h3 class="text-h2 fade-up" style="margin-top:12px;margin-bottom:16px;">6.0 · 核心发现 & 机会评估</h3>
    <p class="section-sub fade-up" style="margin-bottom:22px;">基于 689 款产品 + 5 维度诊断的判断层 · 每个结论都是可以直接拍板的行动锚点</p>
    <div class="grid" style="grid-template-columns:1.1fr 2fr;gap:22px;margin-bottom:28px;">
      <div class="card card-glow fade-up" style="text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:32px 24px;border-left:4px solid var(--amber);">
        <div class="text-mono text-xs" style="color:var(--text-3);letter-spacing:0.18em;margin-bottom:10px;">CATEGORY OPPORTUNITY</div>
        <div style="font-size:3.2rem;font-weight:900;font-family:'JetBrains Mono';color:var(--amber);line-height:1;margin-bottom:8px;">B</div>
        <div class="text-sm" style="color:var(--text-2);font-weight:600;margin-bottom:14px;">推荐</div>
        <div style="background:rgba(255,255,255,0.04);border-radius:999px;padding:6px 16px;font-family:'JetBrains Mono';font-weight:700;font-size:0.9rem;">
          <span style="color:var(--amber);">18</span><span style="color:var(--text-3);"> / 25</span>
        </div>
        <div class="text-xs" style="margin-top:14px;color:var(--text-3);">甜点价位：<strong style="color:var(--amber);">$15-25</strong></div>
      </div>
      <div style="display:flex;flex-direction:column;gap:10px;">
        <div class="fade-up" style="display:flex;align-items:center;gap:14px;padding:12px 16px;background:rgba(255,255,255,0.02);border-radius:10px;border:1px solid rgba(255,255,255,0.05);">
          <div style="font-size:1.3rem;flex-shrink:0;width:36px;text-align:center;">🎯</div>
          <div style="flex:1;min-width:0;">
            <div style="display:flex;gap:10px;align-items:center;margin-bottom:4px;flex-wrap:wrap;">
              <span style="font-weight:700;font-size:0.86rem;">市场集中度</span>
              <span class="text-mono" style="font-size:0.68rem;padding:2px 8px;border-radius:999px;background:rgba(245,166,35,0.12);color:var(--amber);letter-spacing:0.1em;">MODERATE</span>
              <span style="margin-left:auto;display:flex;gap:3px;"><span style="width:6px;height:6px;border-radius:50%;background:var(--amber);"></span><span style="width:6px;height:6px;border-radius:50%;background:var(--amber);"></span><span style="width:6px;height:6px;border-radius:50%;background:var(--amber);"></span><span style="width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,0.1);"></span><span style="width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,0.1);"></span></span>
            </div>
            <div class="text-xs" style="color:var(--text-2);line-height:1.5;">前5品牌占 35.4%，<strong style="color:var(--amber);">需差异化定位</strong>才能切入</div>
          </div>
        </div><div class="fade-up" style="display:flex;align-items:center;gap:14px;padding:12px 16px;background:rgba(255,255,255,0.02);border-radius:10px;border:1px solid rgba(255,255,255,0.05);">
          <div style="font-size:1.3rem;flex-shrink:0;width:36px;text-align:center;">💲</div>
          <div style="flex:1;min-width:0;">
            <div style="display:flex;gap:10px;align-items:center;margin-bottom:4px;flex-wrap:wrap;">
              <span style="font-weight:700;font-size:0.86rem;">价格切入</span>
              <span class="text-mono" style="font-size:0.68rem;padding:2px 8px;border-radius:999px;background:rgba(245,166,35,0.12);color:var(--amber);letter-spacing:0.1em;">WIDE RANGE</span>
              <span style="margin-left:auto;display:flex;gap:3px;"><span style="width:6px;height:6px;border-radius:50%;background:var(--amber);"></span><span style="width:6px;height:6px;border-radius:50%;background:var(--amber);"></span><span style="width:6px;height:6px;border-radius:50%;background:var(--amber);"></span><span style="width:6px;height:6px;border-radius:50%;background:var(--amber);"></span><span style="width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,0.1);"></span></span>
            </div>
            <div class="text-xs" style="color:var(--text-2);line-height:1.5;">价格跨度 $6-$136，各带均有生存空间。甜点价位 <strong style="color:var(--amber);">$15-25</strong> (235 款)</div>
          </div>
        </div><div class="fade-up" style="display:flex;align-items:center;gap:14px;padding:12px 16px;background:rgba(255,255,255,0.02);border-radius:10px;border:1px solid rgba(255,255,255,0.05);">
          <div style="font-size:1.3rem;flex-shrink:0;width:36px;text-align:center;">⭐</div>
          <div style="flex:1;min-width:0;">
            <div style="display:flex;gap:10px;align-items:center;margin-bottom:4px;flex-wrap:wrap;">
              <span style="font-weight:700;font-size:0.86rem;">质量门槛</span>
              <span class="text-mono" style="font-size:0.68rem;padding:2px 8px;border-radius:999px;background:rgba(245,166,35,0.12);color:var(--amber);letter-spacing:0.1em;">STANDARD</span>
              <span style="margin-left:auto;display:flex;gap:3px;"><span style="width:6px;height:6px;border-radius:50%;background:var(--amber);"></span><span style="width:6px;height:6px;border-radius:50%;background:var(--amber);"></span><span style="width:6px;height:6px;border-radius:50%;background:var(--amber);"></span><span style="width:6px;height:6px;border-radius:50%;background:var(--amber);"></span><span style="width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,0.1);"></span></span>
            </div>
            <div class="text-xs" style="color:var(--text-2);line-height:1.5;">均评 4.43，<strong style="color:var(--amber);">质量及格线清晰</strong>，做到 4.5+ 可拉开差距</div>
          </div>
        </div><div class="fade-up" style="display:flex;align-items:center;gap:14px;padding:12px 16px;background:rgba(255,255,255,0.02);border-radius:10px;border:1px solid rgba(255,255,255,0.05);">
          <div style="font-size:1.3rem;flex-shrink:0;width:36px;text-align:center;">💬</div>
          <div style="flex:1;min-width:0;">
            <div style="display:flex;gap:10px;align-items:center;margin-bottom:4px;flex-wrap:wrap;">
              <span style="font-weight:700;font-size:0.86rem;">评论壁垒</span>
              <span class="text-mono" style="font-size:0.68rem;padding:2px 8px;border-radius:999px;background:rgba(245,166,35,0.12);color:var(--amber);letter-spacing:0.1em;">LOW MOAT</span>
              <span style="margin-left:auto;display:flex;gap:3px;"><span style="width:6px;height:6px;border-radius:50%;background:var(--amber);"></span><span style="width:6px;height:6px;border-radius:50%;background:var(--amber);"></span><span style="width:6px;height:6px;border-radius:50%;background:var(--amber);"></span><span style="width:6px;height:6px;border-radius:50%;background:var(--amber);"></span><span style="width:6px;height:6px;border-radius:50%;background:var(--amber);"></span></span>
            </div>
            <div class="text-xs" style="color:var(--text-2);line-height:1.5;">481 款产品评论 <500（70%），<strong style="color:var(--amber);">评论壁垒低，新品有快速起量空间</strong></div>
          </div>
        </div><div class="fade-up" style="display:flex;align-items:center;gap:14px;padding:12px 16px;background:rgba(255,255,255,0.02);border-radius:10px;border:1px solid rgba(255,255,255,0.05);">
          <div style="font-size:1.3rem;flex-shrink:0;width:36px;text-align:center;">📈</div>
          <div style="flex:1;min-width:0;">
            <div style="display:flex;gap:10px;align-items:center;margin-bottom:4px;flex-wrap:wrap;">
              <span style="font-weight:700;font-size:0.86rem;">增长信号</span>
              <span class="text-mono" style="font-size:0.68rem;padding:2px 8px;border-radius:999px;background:rgba(245,166,35,0.12);color:var(--amber);letter-spacing:0.1em;">MATURE</span>
              <span style="margin-left:auto;display:flex;gap:3px;"><span style="width:6px;height:6px;border-radius:50%;background:var(--amber);"></span><span style="width:6px;height:6px;border-radius:50%;background:var(--amber);"></span><span style="width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,0.1);"></span><span style="width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,0.1);"></span><span style="width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,0.1);"></span></span>
            </div>
            <div class="text-xs" style="color:var(--text-2);line-height:1.5;">新品仅占 0%，<strong style="color:var(--amber);">品类成熟</strong>，迭代节奏慢</div>
          </div>
        </div>
      </div>
    </div>
    <div class="grid grid-2" style="margin-bottom:40px;gap:16px;">
      <div class="fade-up" style="position:relative;padding:20px 22px 20px 26px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:12px;border-left:4px solid var(--green);">
        <div style="position:absolute;top:16px;right:20px;font-family:'JetBrains Mono';color:var(--text-3);font-size:0.7rem;letter-spacing:0.1em;">FINDING 01</div>
        <div style="display:flex;gap:10px;align-items:flex-start;margin-bottom:8px;">
          <span style="font-size:1.2rem;flex-shrink:0;">✅</span>
          <h4 style="font-size:1rem;font-weight:700;color:var(--green);line-height:1.4;">市场分散可进入</h4>
        </div>
        <p class="text-sm" style="color:var(--text-2);line-height:1.65;">前5品牌占 <strong>35.4%</strong>（HHI=455），龙头 <strong>Dose for Your Liver</strong> 独占 18.3%。新玩家有窗口，关键是找差异化钩子。</p>
      </div><div class="fade-up" style="position:relative;padding:20px 22px 20px 26px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:12px;border-left:4px solid var(--blue);">
        <div style="position:absolute;top:16px;right:20px;font-family:'JetBrains Mono';color:var(--text-3);font-size:0.7rem;letter-spacing:0.1em;">FINDING 02</div>
        <div style="display:flex;gap:10px;align-items:flex-start;margin-bottom:8px;">
          <span style="font-size:1.2rem;flex-shrink:0;">💲</span>
          <h4 style="font-size:1rem;font-weight:700;color:var(--blue);line-height:1.4;">定价锚点 $22.9，建议价位 $21-28</h4>
        </div>
        <p class="text-sm" style="color:var(--text-2);line-height:1.65;">行业均价 $26.0，中位数 $22.9（$6-$136）。消费者对此品类的价格期望已形成锚定，<strong>新品建议贴近中位数 ±15%</strong>，过高需强差异化支撑，过低会被误判为低质。</p>
      </div><div class="fade-up" style="position:relative;padding:20px 22px 20px 26px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:12px;border-left:4px solid var(--amber);">
        <div style="position:absolute;top:16px;right:20px;font-family:'JetBrains Mono';color:var(--text-3);font-size:0.7rem;letter-spacing:0.1em;">FINDING 03</div>
        <div style="display:flex;gap:10px;align-items:flex-start;margin-bottom:8px;">
          <span style="font-size:1.2rem;flex-shrink:0;">⭐</span>
          <h4 style="font-size:1rem;font-weight:700;color:var(--amber);line-height:1.4;">质量基线 4.43 星 · 标准</h4>
        </div>
        <p class="text-sm" style="color:var(--text-2);line-height:1.65;">行业均评 <strong>4.43</strong>。做到 4.5+ 即可拉开差距。最高频痛点是 <strong>Side Effects · 副作用担忧</strong>（3 次提及），这是第一优化方向。</p>
      </div><div class="fade-up" style="position:relative;padding:20px 22px 20px 26px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:12px;border-left:4px solid var(--purple);">
        <div style="position:absolute;top:16px;right:20px;font-family:'JetBrains Mono';color:var(--text-3);font-size:0.7rem;letter-spacing:0.1em;">FINDING 04</div>
        <div style="display:flex;gap:10px;align-items:flex-start;margin-bottom:8px;">
          <span style="font-size:1.2rem;flex-shrink:0;">🗣️</span>
          <h4 style="font-size:1rem;font-weight:700;color:var(--purple);line-height:1.4;">用户原声：「易服用」是第一加分项</h4>
        </div>
        <p class="text-sm" style="color:var(--text-2);line-height:1.65;">好评 Top 1：<strong>Easy to Take · 易服用</strong>（5 次，覆盖 3 家品牌）；差评 Top 1：<strong>Side Effects · 副作用担忧</strong>（3 次）。营销应将「易服用」作为 hero claim，产品端重点规避「副作用担忧」。</p>
      </div>
    </div>
    
    <h3 class="text-h2 fade-up" style="margin-top:12px;margin-bottom:16px;">6.1 · 品类全景</h3>
    <div class="grid grid-4" style="margin-bottom:28px;">
      <div class="metric fade-up">
        <div class="metric-label">产品样本</div>
        <div class="metric-value" data-count="689">689</div>
        <div class="metric-sub">4 组关键词 × 3 页</div>
      </div>
      <div class="metric fade-up">
        <div class="metric-label">均价 / 中位</div>
        <div class="metric-value">$26.0</div>
        <div class="metric-sub">中位 $22.94 · $5.8–$136</div>
      </div>
      <div class="metric fade-up">
        <div class="metric-label">平均评分</div>
        <div class="metric-value" style="color:var(--green);">4.43</div>
        <div class="metric-sub">用户质量期望 · 中位 4.5</div>
      </div>
      <div class="metric fade-up">
        <div class="metric-label">月销总额</div>
        <div class="metric-value" style="color:var(--amber);">$23.7M</div>
        <div class="metric-sub">CR5 35.4% · HHI 455</div>
      </div>
    </div>
    <div class="grid grid-2" style="margin-bottom:40px;">
      <div class="card fade-up">
        <div class="text-mono text-xs text-amber">PRICE BAND</div>
        <h3 class="text-h2" style="margin-top:10px;">价格带分布</h3>
        <div id="chartPrice" class="chart-container" style="margin-top:20px;min-height:280px;"></div>
      </div>
      <div class="card fade-up">
        <div class="text-mono text-xs text-green">RATING DISTRIBUTION</div>
        <h3 class="text-h2" style="margin-top:10px;">评分分布</h3>
        <div id="chartRatingDist" class="chart-container" style="margin-top:20px;min-height:280px;"></div>
      </div>
    </div>
    
    <h3 class="text-h2 fade-up" style="margin-top:8px;margin-bottom:16px;">6.2 · 品牌格局</h3>
    <div class="grid grid-2" style="margin-bottom:32px;">
      <div class="card fade-up">
        <div class="text-mono text-xs text-amber">BRAND SHARE</div>
        <h3 class="text-h2" style="margin-top:10px;">品牌月销份额</h3>
        <div id="chartBrandShare" class="chart-container" style="margin-top:20px;min-height:320px;"></div>
      </div>
      <div class="card fade-up">
        <div class="text-mono text-xs text-amber">TOP 10 BRANDS</div>
        <h3 class="text-h2" style="margin-top:10px;">Top 10 品牌表</h3>
        <div class="table-wrap" style="margin-top:16px;">
          <table class="data-tbl">
            <thead><tr><th style="width:40px;">#</th><th>品牌</th><th>SKU</th><th>份额</th><th>月销额</th></tr></thead>
            <tbody>
              <tr>
                <td class="tb-num">01</td>
                <td style="font-weight:600;">Dose for Your Liver</td>
                <td class="tb-num">3</td>
                <td class="tb-num" style="color:var(--amber);">18.3%</td>
                <td class="tb-num">$4.3M</td>
              </tr><tr>
                <td class="tb-num">02</td>
                <td style="font-weight:600;">Natures Craft</td>
                <td class="tb-num">12</td>
                <td class="tb-num" style="color:var(--amber);">7.1%</td>
                <td class="tb-num">$1.7M</td>
              </tr><tr>
                <td class="tb-num">03</td>
                <td style="font-weight:600;">Clean Nutraceuticals</td>
                <td class="tb-num">12</td>
                <td class="tb-num" style="color:var(--amber);">3.9%</td>
                <td class="tb-num">$916.4k</td>
              </tr><tr>
                <td class="tb-num">04</td>
                <td style="font-weight:600;">JSHealth</td>
                <td class="tb-num">1</td>
                <td class="tb-num" style="color:var(--amber);">3.2%</td>
                <td class="tb-num">$750.6k</td>
              </tr><tr>
                <td class="tb-num">05</td>
                <td style="font-weight:600;">Cheers</td>
                <td class="tb-num">4</td>
                <td class="tb-num" style="color:var(--amber);">3.0%</td>
                <td class="tb-num">$710.3k</td>
              </tr><tr>
                <td class="tb-num">06</td>
                <td style="font-weight:600;">MAËLYS</td>
                <td class="tb-num">1</td>
                <td class="tb-num" style="color:var(--amber);">2.9%</td>
                <td class="tb-num">$680.5k</td>
              </tr><tr>
                <td class="tb-num">07</td>
                <td style="font-weight:600;">1MD Nutrition</td>
                <td class="tb-num">1</td>
                <td class="tb-num" style="color:var(--amber);">2.8%</td>
                <td class="tb-num">$675.4k</td>
              </tr><tr>
                <td class="tb-num">08</td>
                <td style="font-weight:600;">Bronson</td>
                <td class="tb-num">2</td>
                <td class="tb-num" style="color:var(--amber);">2.7%</td>
                <td class="tb-num">$642.4k</td>
              </tr><tr>
                <td class="tb-num">09</td>
                <td style="font-weight:600;">NOW Foods</td>
                <td class="tb-num">11</td>
                <td class="tb-num" style="color:var(--amber);">2.6%</td>
                <td class="tb-num">$608.3k</td>
              </tr><tr>
                <td class="tb-num">10</td>
                <td style="font-weight:600;">Serene Herbs</td>
                <td class="tb-num">2</td>
                <td class="tb-num" style="color:var(--amber);">2.2%</td>
                <td class="tb-num">$521.9k</td>
              </tr>
            </tbody>
          </table>
        </div>
        <div style="margin-top:14px;padding:10px 14px;background:rgba(255,77,141,.08);border-left:3px solid var(--rose);border-radius:0 8px 8px 0;font-size:0.82rem;color:var(--text-2);">
          <strong class="text-rose">⚠ 市场集中度：</strong>CR5 = <strong>35.4%</strong>, HHI = <strong>455</strong>
          （<span style="color:var(--green);">竞争充分，进入门槛低</span>）
        </div>
      </div>
    </div>
    
    <h3 class="text-h2 fade-up" style="margin-top:8px;margin-bottom:12px;">6.2+ · Top 5 竞品深度画像</h3>
    <p class="section-sub fade-up" style="margin-bottom:22px;">不是看品牌数据，而是看<strong class="text-amber">它在市场中的位置</strong>、<strong class="text-green">它外部的优势</strong>、<strong class="text-rose">它给新玩家留下的缝</strong></p>
    <div class="grid grid-2" style="margin-bottom:40px;gap:20px;">
      <div class="card fade-up" style="border-left:4px solid var(--purple);padding:22px 22px 20px;">
        <div style="display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap;">
          <div style="display:flex;align-items:baseline;gap:10px;">
            <span class="text-mono" style="color:var(--text-3);font-size:0.7rem;">#01</span>
            <h4 style="font-size:1.05rem;font-weight:700;">Dose for Your Liver</h4>
          </div>
          <span class="text-mono" style="font-size:0.72rem;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,0.05);color:var(--purple);border:1px solid var(--purple);letter-spacing:0.06em;white-space:nowrap;">Premium Player · 高端玩家</span>
        </div>
        <div style="display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px;padding:10px 12px;background:rgba(255,255,255,0.02);border-radius:8px;">
          <div><div class="text-xs" style="color:var(--text-3);">份额</div><div style="font-weight:700;color:var(--amber);font-family:'JetBrains Mono';font-size:0.95rem;">18.3%</div></div>
          <div><div class="text-xs" style="color:var(--text-3);">SKU</div><div style="font-weight:700;font-family:'JetBrains Mono';font-size:0.95rem;">3</div></div>
          <div><div class="text-xs" style="color:var(--text-3);">均价</div><div style="font-weight:700;font-family:'JetBrains Mono';font-size:0.95rem;">$99.0</div></div>
          <div><div class="text-xs" style="color:var(--text-3);">评分</div><div style="font-weight:700;color:var(--green);font-family:'JetBrains Mono';font-size:0.95rem;">★ 4.33</div></div>
        </div>
        <div style="padding:10px 12px;background:rgba(245,166,35,0.04);border-left:2px solid var(--amber);border-radius:0 6px 6px 0;margin-bottom:12px;">
          <div class="text-xs" style="color:var(--amber);font-family:'JetBrains Mono';margin-bottom:4px;letter-spacing:0.08em;">TOP PRODUCT · B0CNSCNJB5</div>
          <div class="text-sm" style="line-height:1.4;color:var(--text-1);margin-bottom:6px;">Dose for Your Liver Cleanse Detox &amp; Repair, Made with Organic Milk Thi</div>
          <div class="text-xs text-mono" style="color:var(--text-3);display:flex;gap:12px;flex-wrap:wrap;">
            <span>$99.00</span>
            <span style="color:var(--green);">★ 4.5</span>
            <span>6.5k 评</span>
            <span style="color:var(--amber);">4.4w/月</span>
          </div>
        </div>
        <div class="grid grid-2" style="gap:10px;font-size:0.8rem;">
          <div>
            <div class="text-xs" style="color:var(--green);font-weight:700;margin-bottom:6px;letter-spacing:0.08em;">✅ STRENGTHS</div>
            <div style="padding:4px 0;display:flex;justify-content:space-between;gap:8px;color:var(--text-2);"><span>效果被认可</span><span class="text-mono" style="color:var(--green);">×1</span></div>
          </div>
          <div>
            <div class="text-xs" style="color:var(--rose);font-weight:700;margin-bottom:6px;letter-spacing:0.08em;">⚠ WEAKNESSES</div>
            <div style="padding:4px 0;display:flex;justify-content:space-between;gap:8px;color:var(--text-2);"><span>效果受质疑</span><span class="text-mono" style="color:var(--rose);">×1</span></div><div style="padding:4px 0;display:flex;justify-content:space-between;gap:8px;color:var(--text-2);"><span>量少争议</span><span class="text-mono" style="color:var(--rose);">×1</span></div><div style="padding:4px 0;display:flex;justify-content:space-between;gap:8px;color:var(--text-2);"><span>副作用投诉</span><span class="text-mono" style="color:var(--rose);">×1</span></div>
          </div>
        </div>
        <div style="margin-top:12px;padding-top:12px;border-top:1px dashed rgba(255,255,255,0.08);display:flex;gap:10px;font-size:0.7rem;color:var(--text-3);">
          <span>价格差 +$73 · 评分差 -0.1</span>
          <span style="margin-left:auto;">6.8k 评论</span>
        </div>
      </div><div class="card fade-up" style="border-left:4px solid var(--blue);padding:22px 22px 20px;">
        <div style="display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap;">
          <div style="display:flex;align-items:baseline;gap:10px;">
            <span class="text-mono" style="color:var(--text-3);font-size:0.7rem;">#02</span>
            <h4 style="font-size:1.05rem;font-weight:700;">Natures Craft</h4>
          </div>
          <span class="text-mono" style="font-size:0.72rem;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,0.05);color:var(--blue);border:1px solid var(--blue);letter-spacing:0.06em;white-space:nowrap;">Volume Established · 口碑巨鲸</span>
        </div>
        <div style="display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px;padding:10px 12px;background:rgba(255,255,255,0.02);border-radius:8px;">
          <div><div class="text-xs" style="color:var(--text-3);">份额</div><div style="font-weight:700;color:var(--amber);font-family:'JetBrains Mono';font-size:0.95rem;">7.1%</div></div>
          <div><div class="text-xs" style="color:var(--text-3);">SKU</div><div style="font-weight:700;font-family:'JetBrains Mono';font-size:0.95rem;">12</div></div>
          <div><div class="text-xs" style="color:var(--text-3);">均价</div><div style="font-weight:700;font-family:'JetBrains Mono';font-size:0.95rem;">$24.6</div></div>
          <div><div class="text-xs" style="color:var(--text-3);">评分</div><div style="font-weight:700;color:var(--green);font-family:'JetBrains Mono';font-size:0.95rem;">★ 4.44</div></div>
        </div>
        <div style="padding:10px 12px;background:rgba(245,166,35,0.04);border-left:2px solid var(--amber);border-radius:0 6px 6px 0;margin-bottom:12px;">
          <div class="text-xs" style="color:var(--amber);font-family:'JetBrains Mono';margin-bottom:4px;letter-spacing:0.08em;">TOP PRODUCT · B0B9857FY5</div>
          <div class="text-sm" style="line-height:1.4;color:var(--text-1);margin-bottom:6px;">Natures Craft Liver Cleanse Detox &amp; Repair 120 Capsules - Herbal Liver</div>
          <div class="text-xs text-mono" style="color:var(--text-3);display:flex;gap:12px;flex-wrap:wrap;">
            <span>$36.99</span>
            <span style="color:var(--green);">★ 4.5</span>
            <span>4.5w 评</span>
            <span style="color:var(--amber);">4.1w/月</span>
          </div>
        </div>
        <div class="grid grid-2" style="gap:10px;font-size:0.8rem;">
          <div>
            <div class="text-xs" style="color:var(--green);font-weight:700;margin-bottom:6px;letter-spacing:0.08em;">✅ STRENGTHS</div>
            <div style="padding:4px 0;display:flex;justify-content:space-between;gap:8px;color:var(--text-2);"><span>服用体验好</span><span class="text-mono" style="color:var(--green);">×1</span></div>
          </div>
          <div>
            <div class="text-xs" style="color:var(--rose);font-weight:700;margin-bottom:6px;letter-spacing:0.08em;">⚠ WEAKNESSES</div>
            <div class="text-xs" style="color:var(--text-3);padding:4px 0;">差评样本少，未捉到明显缝</div>
          </div>
        </div>
        <div style="margin-top:12px;padding-top:12px;border-top:1px dashed rgba(255,255,255,0.08);display:flex;gap:10px;font-size:0.7rem;color:var(--text-3);">
          <span>价格差 $-1.4 · 评分差 +0.01</span>
          <span style="margin-left:auto;">5.6w 评论</span>
        </div>
      </div><div class="card fade-up" style="border-left:4px solid var(--blue);padding:22px 22px 20px;">
        <div style="display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap;">
          <div style="display:flex;align-items:baseline;gap:10px;">
            <span class="text-mono" style="color:var(--text-3);font-size:0.7rem;">#03</span>
            <h4 style="font-size:1.05rem;font-weight:700;">Clean Nutraceuticals</h4>
          </div>
          <span class="text-mono" style="font-size:0.72rem;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,0.05);color:var(--blue);border:1px solid var(--blue);letter-spacing:0.06em;white-space:nowrap;">Volume Established · 口碑巨鲸</span>
        </div>
        <div style="display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px;padding:10px 12px;background:rgba(255,255,255,0.02);border-radius:8px;">
          <div><div class="text-xs" style="color:var(--text-3);">份额</div><div style="font-weight:700;color:var(--amber);font-family:'JetBrains Mono';font-size:0.95rem;">3.9%</div></div>
          <div><div class="text-xs" style="color:var(--text-3);">SKU</div><div style="font-weight:700;font-family:'JetBrains Mono';font-size:0.95rem;">12</div></div>
          <div><div class="text-xs" style="color:var(--text-3);">均价</div><div style="font-weight:700;font-family:'JetBrains Mono';font-size:0.95rem;">$25.0</div></div>
          <div><div class="text-xs" style="color:var(--text-3);">评分</div><div style="font-weight:700;color:var(--green);font-family:'JetBrains Mono';font-size:0.95rem;">★ 4.44</div></div>
        </div>
        <div style="padding:10px 12px;background:rgba(245,166,35,0.04);border-left:2px solid var(--amber);border-radius:0 6px 6px 0;margin-bottom:12px;">
          <div class="text-xs" style="color:var(--amber);font-family:'JetBrains Mono';margin-bottom:4px;letter-spacing:0.08em;">TOP PRODUCT · B0BG7M59NJ</div>
          <div class="text-sm" style="line-height:1.4;color:var(--text-1);margin-bottom:6px;">Clean Nutraceuticals Milk Thistle NAC Chanca Piedra Beet Root Artichok</div>
          <div class="text-xs text-mono" style="color:var(--text-3);display:flex;gap:12px;flex-wrap:wrap;">
            <span>$28.45</span>
            <span style="color:var(--green);">★ 4.6</span>
            <span>4.3k 评</span>
            <span style="color:var(--amber);">8.9k/月</span>
          </div>
        </div>
        <div class="grid grid-2" style="gap:10px;font-size:0.8rem;">
          <div>
            <div class="text-xs" style="color:var(--green);font-weight:700;margin-bottom:6px;letter-spacing:0.08em;">✅ STRENGTHS</div>
            <div class="text-xs" style="color:var(--text-3);padding:4px 0;">评论样本少，未提炼出明显优势</div>
          </div>
          <div>
            <div class="text-xs" style="color:var(--rose);font-weight:700;margin-bottom:6px;letter-spacing:0.08em;">⚠ WEAKNESSES</div>
            <div class="text-xs" style="color:var(--text-3);padding:4px 0;">差评样本少，未捉到明显缝</div>
          </div>
        </div>
        <div style="margin-top:12px;padding-top:12px;border-top:1px dashed rgba(255,255,255,0.08);display:flex;gap:10px;font-size:0.7rem;color:var(--text-3);">
          <span>价格差 $-1 · 评分差 +0.01</span>
          <span style="margin-left:auto;">1.6w 评论</span>
        </div>
      </div><div class="card fade-up" style="border-left:4px solid var(--purple);padding:22px 22px 20px;">
        <div style="display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap;">
          <div style="display:flex;align-items:baseline;gap:10px;">
            <span class="text-mono" style="color:var(--text-3);font-size:0.7rem;">#04</span>
            <h4 style="font-size:1.05rem;font-weight:700;">JSHealth</h4>
          </div>
          <span class="text-mono" style="font-size:0.72rem;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,0.05);color:var(--purple);border:1px solid var(--purple);letter-spacing:0.06em;white-space:nowrap;">Premium Player · 高端玩家</span>
        </div>
        <div style="display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px;padding:10px 12px;background:rgba(255,255,255,0.02);border-radius:8px;">
          <div><div class="text-xs" style="color:var(--text-3);">份额</div><div style="font-weight:700;color:var(--amber);font-family:'JetBrains Mono';font-size:0.95rem;">3.2%</div></div>
          <div><div class="text-xs" style="color:var(--text-3);">SKU</div><div style="font-weight:700;font-family:'JetBrains Mono';font-size:0.95rem;">1</div></div>
          <div><div class="text-xs" style="color:var(--text-3);">均价</div><div style="font-weight:700;font-family:'JetBrains Mono';font-size:0.95rem;">$70.0</div></div>
          <div><div class="text-xs" style="color:var(--text-3);">评分</div><div style="font-weight:700;color:var(--green);font-family:'JetBrains Mono';font-size:0.95rem;">★ 4.30</div></div>
        </div>
        <div style="padding:10px 12px;background:rgba(245,166,35,0.04);border-left:2px solid var(--amber);border-radius:0 6px 6px 0;margin-bottom:12px;">
          <div class="text-xs" style="color:var(--amber);font-family:'JetBrains Mono';margin-bottom:4px;letter-spacing:0.08em;">TOP PRODUCT · B0BTRSPV4C</div>
          <div class="text-sm" style="line-height:1.4;color:var(--text-1);margin-bottom:6px;">JSHealth Detox + Debloat. Bloating Relief for Women with Milk Thistle,</div>
          <div class="text-xs text-mono" style="color:var(--text-3);display:flex;gap:12px;flex-wrap:wrap;">
            <span>$69.99</span>
            <span style="color:var(--green);">★ 4.3</span>
            <span>2.2k 评</span>
            <span style="color:var(--amber);">1.1w/月</span>
          </div>
        </div>
        <div class="grid grid-2" style="gap:10px;font-size:0.8rem;">
          <div>
            <div class="text-xs" style="color:var(--green);font-weight:700;margin-bottom:6px;letter-spacing:0.08em;">✅ STRENGTHS</div>
            <div class="text-xs" style="color:var(--text-3);padding:4px 0;">评论样本少，未提炼出明显优势</div>
          </div>
          <div>
            <div class="text-xs" style="color:var(--rose);font-weight:700;margin-bottom:6px;letter-spacing:0.08em;">⚠ WEAKNESSES</div>
            <div class="text-xs" style="color:var(--text-3);padding:4px 0;">差评样本少，未捉到明显缝</div>
          </div>
        </div>
        <div style="margin-top:12px;padding-top:12px;border-top:1px dashed rgba(255,255,255,0.08);display:flex;gap:10px;font-size:0.7rem;color:var(--text-3);">
          <span>价格差 +$44 · 评分差 -0.13</span>
          <span style="margin-left:auto;">2.2k 评论</span>
        </div>
      </div><div class="card fade-up" style="border-left:4px solid var(--purple);padding:22px 22px 20px;">
        <div style="display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap;">
          <div style="display:flex;align-items:baseline;gap:10px;">
            <span class="text-mono" style="color:var(--text-3);font-size:0.7rem;">#05</span>
            <h4 style="font-size:1.05rem;font-weight:700;">Cheers</h4>
          </div>
          <span class="text-mono" style="font-size:0.72rem;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,0.05);color:var(--purple);border:1px solid var(--purple);letter-spacing:0.06em;white-space:nowrap;">Premium Player · 高端玩家</span>
        </div>
        <div style="display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px;padding:10px 12px;background:rgba(255,255,255,0.02);border-radius:8px;">
          <div><div class="text-xs" style="color:var(--text-3);">份额</div><div style="font-weight:700;color:var(--amber);font-family:'JetBrains Mono';font-size:0.95rem;">3.0%</div></div>
          <div><div class="text-xs" style="color:var(--text-3);">SKU</div><div style="font-weight:700;font-family:'JetBrains Mono';font-size:0.95rem;">4</div></div>
          <div><div class="text-xs" style="color:var(--text-3);">均价</div><div style="font-weight:700;font-family:'JetBrains Mono';font-size:0.95rem;">$40.4</div></div>
          <div><div class="text-xs" style="color:var(--text-3);">评分</div><div style="font-weight:700;color:var(--green);font-family:'JetBrains Mono';font-size:0.95rem;">★ 4.38</div></div>
        </div>
        <div style="padding:10px 12px;background:rgba(245,166,35,0.04);border-left:2px solid var(--amber);border-radius:0 6px 6px 0;margin-bottom:12px;">
          <div class="text-xs" style="color:var(--amber);font-family:'JetBrains Mono';margin-bottom:4px;letter-spacing:0.08em;">TOP PRODUCT · B099MNTRZW</div>
          <div class="text-sm" style="line-height:1.4;color:var(--text-1);margin-bottom:6px;">Cheers Restore | Supplement with DHM + L-Cysteine | Feel Better After </div>
          <div class="text-xs text-mono" style="color:var(--text-3);display:flex;gap:12px;flex-wrap:wrap;">
            <span>$29.74</span>
            <span style="color:var(--green);">★ 4.3</span>
            <span>508 评</span>
            <span style="color:var(--amber);">6.5k/月</span>
          </div>
        </div>
        <div class="grid grid-2" style="gap:10px;font-size:0.8rem;">
          <div>
            <div class="text-xs" style="color:var(--green);font-weight:700;margin-bottom:6px;letter-spacing:0.08em;">✅ STRENGTHS</div>
            <div class="text-xs" style="color:var(--text-3);padding:4px 0;">评论样本少，未提炼出明显优势</div>
          </div>
          <div>
            <div class="text-xs" style="color:var(--rose);font-weight:700;margin-bottom:6px;letter-spacing:0.08em;">⚠ WEAKNESSES</div>
            <div class="text-xs" style="color:var(--text-3);padding:4px 0;">差评样本少，未捉到明显缝</div>
          </div>
        </div>
        <div style="margin-top:12px;padding-top:12px;border-top:1px dashed rgba(255,255,255,0.08);display:flex;gap:10px;font-size:0.7rem;color:var(--text-3);">
          <span>价格差 +$14.4 · 评分差 -0.05</span>
          <span style="margin-left:auto;">2.5k 评论</span>
        </div>
      </div>
    </div>
    
    <h3 class="text-h2 fade-up" style="margin-top:8px;margin-bottom:16px;">6.3 · Top 产品矩阵</h3>
    <div class="grid grid-2" style="margin-bottom:32px;">
      <div class="card fade-up">
        <div class="text-mono text-xs text-amber">MONTHLY SALES LEADERS</div>
        <h3 class="text-h2" style="margin-top:10px;">月销量 Top 8</h3>
        <div class="table-wrap" style="margin-top:16px;">
          <table class="data-tbl">
            <thead><tr><th>#</th><th>品牌 / 产品</th><th>售价</th><th>月销</th><th>评分</th><th>ASIN</th></tr></thead>
            <tbody><tr>
      <td class="tb-num">01</td>
      <td><div style="font-weight:600;">Bronson</div><div class="text-xs" style="margin-top:3px;color:var(--text-3);">Bronson Milk Thistle Silymarin Marianum &amp; Dandelion Extract Liver Health Support</div></td>
      <td class="tb-num">$8.99</td>
      <td class="tb-num" style="color:var(--amber);">4.9w</td>
      <td>★ 4.7<br><span class="text-xs text-mono" style="color:var(--text-3);">3.9w 评</span></td>
      <td class="text-mono text-xs" style="color:var(--text-3);">B079JX3FMC</td>
    </tr><tr>
      <td class="tb-num">02</td>
      <td><div style="font-weight:600;">Dose for Your Liver</div><div class="text-xs" style="margin-top:3px;color:var(--text-3);">Dose for Your Liver Cleanse Detox &amp; Repair, Made with Organic Milk Thistle Suppl</div></td>
      <td class="tb-num">$99.00</td>
      <td class="tb-num" style="color:var(--amber);">4.4w</td>
      <td>★ 4.5<br><span class="text-xs text-mono" style="color:var(--text-3);">6.5k 评</span></td>
      <td class="text-mono text-xs" style="color:var(--text-3);">B0CNSCNJB5</td>
    </tr><tr>
      <td class="tb-num">03</td>
      <td><div style="font-weight:600;">Natures Craft</div><div class="text-xs" style="margin-top:3px;color:var(--text-3);">Natures Craft Liver Cleanse Detox &amp; Repair 120 Capsules - Herbal Liver Support M</div></td>
      <td class="tb-num">$36.99</td>
      <td class="tb-num" style="color:var(--amber);">4.1w</td>
      <td>★ 4.5<br><span class="text-xs text-mono" style="color:var(--text-3);">4.5w 评</span></td>
      <td class="text-mono text-xs" style="color:var(--text-3);">B0B9857FY5</td>
    </tr><tr>
      <td class="tb-num">04</td>
      <td><div style="font-weight:600;">Legendairy Milk</div><div class="text-xs" style="margin-top:3px;color:var(--text-3);">Legendairy Milk Liquid Gold Lactation Support | Lactation Supplement with Organi</div></td>
      <td class="tb-num">$20.12</td>
      <td class="tb-num" style="color:var(--amber);">1.5w</td>
      <td>★ 4.1<br><span class="text-xs text-mono" style="color:var(--text-3);">1.5w 评</span></td>
      <td class="text-mono text-xs" style="color:var(--text-3);">B084GRS9JB</td>
    </tr><tr>
      <td class="tb-num">05</td>
      <td><div style="font-weight:600;">1MD Nutrition</div><div class="text-xs" style="margin-top:3px;color:var(--text-3);">1MD Nutrition LiverMD - Liver Support Supplement | Siliphos Milk Thistle Extract</div></td>
      <td class="tb-num">$49.01</td>
      <td class="tb-num" style="color:var(--amber);">1.4w</td>
      <td>★ 4.4<br><span class="text-xs text-mono" style="color:var(--text-3);">4.9k 评</span></td>
      <td class="text-mono text-xs" style="color:var(--text-3);">B07W86H3P4</td>
    </tr><tr>
      <td class="tb-num">06</td>
      <td><div style="font-weight:600;">NOW Foods</div><div class="text-xs" style="margin-top:3px;color:var(--text-3);">NOW Foods Supplements, Glutathione 500 mg, With Milk Thistle Extract &amp; Alpha Lip</div></td>
      <td class="tb-num">$21.73</td>
      <td class="tb-num" style="color:var(--amber);">1.3w</td>
      <td>★ 4.6<br><span class="text-xs text-mono" style="color:var(--text-3);">1.0w 评</span></td>
      <td class="text-mono text-xs" style="color:var(--text-3);">B0019LWV92</td>
    </tr><tr>
      <td class="tb-num">07</td>
      <td><div style="font-weight:600;">SuperBonsai</div><div class="text-xs" style="margin-top:3px;color:var(--text-3);">SuperBonsai Super Liver Support with Milk Thistle - All Natural Liver Cleanse De</div></td>
      <td class="tb-num">$37.00</td>
      <td class="tb-num" style="color:var(--amber);">1.3w</td>
      <td>★ 4.3<br><span class="text-xs text-mono" style="color:var(--text-3);">806 评</span></td>
      <td class="text-mono text-xs" style="color:var(--text-3);">B0CZYM8KCD</td>
    </tr><tr>
      <td class="tb-num">08</td>
      <td><div style="font-weight:600;">MAËLYS</div><div class="text-xs" style="margin-top:3px;color:var(--text-3);">MAËLYS GET-DREAMY Overnight Toning Whip - Cellulite Cream &amp; Skin Tightening Supp</div></td>
      <td class="tb-num">$54.00</td>
      <td class="tb-num" style="color:var(--amber);">1.3w</td>
      <td>★ 4<br><span class="text-xs text-mono" style="color:var(--text-3);">3.8k 评</span></td>
      <td class="text-mono text-xs" style="color:var(--text-3);">B0C9NFSWVB</td>
    </tr></tbody>
          </table>
        </div>
      </div>
      <div class="card fade-up">
        <div class="text-mono text-xs text-green">REVIEW VOLUME LEADERS</div>
        <h3 class="text-h2" style="margin-top:10px;">评论数 Top 8 · 用户口碑沉淀</h3>
        <div class="table-wrap" style="margin-top:16px;">
          <table class="data-tbl">
            <thead><tr><th>#</th><th>品牌 / 产品</th><th>评分</th><th>评论数</th><th>售价</th></tr></thead>
            <tbody><tr>
      <td class="tb-num">01</td>
      <td><div style="font-weight:600;">Natures Craft</div><div class="text-xs" style="margin-top:3px;color:var(--text-3);">Natures Craft Liver Cleanse Detox &amp; Repair 120 Capsules - Herbal Liver Support M</div></td>
      <td style="color:var(--green);font-weight:600;">★ 4.5</td>
      <td class="tb-num" style="color:var(--amber);">4.5w</td>
      <td class="tb-num">$36.99</td>
    </tr><tr>
      <td class="tb-num">02</td>
      <td><div style="font-weight:600;">Bronson</div><div class="text-xs" style="margin-top:3px;color:var(--text-3);">Bronson Milk Thistle Silymarin Marianum &amp; Dandelion Extract Liver Health Support</div></td>
      <td style="color:var(--green);font-weight:600;">★ 4.7</td>
      <td class="tb-num" style="color:var(--amber);">3.9w</td>
      <td class="tb-num">$8.99</td>
    </tr><tr>
      <td class="tb-num">03</td>
      <td><div style="font-weight:600;">Puritan‘s Pride</div><div class="text-xs" style="margin-top:3px;color:var(--text-3);">Puritan‘s Pride Milk Thistle Silymarin 4:1 Concentration Extract 250 mg (1000 mg</div></td>
      <td style="color:var(--green);font-weight:600;">★ 4.6</td>
      <td class="tb-num" style="color:var(--amber);">2.8w</td>
      <td class="tb-num">$9.09</td>
    </tr><tr>
      <td class="tb-num">04</td>
      <td><div style="font-weight:600;">Century Systems</div><div class="text-xs" style="margin-top:3px;color:var(--text-3);">Century Systems The Cleaner Detox, Powerful 7-Day Complete Internal Cleansing Fo</div></td>
      <td style="color:var(--green);font-weight:600;">★ 4.3</td>
      <td class="tb-num" style="color:var(--amber);">2.2w</td>
      <td class="tb-num">$16.95</td>
    </tr><tr>
      <td class="tb-num">05</td>
      <td><div style="font-weight:600;">Legendairy Milk</div><div class="text-xs" style="margin-top:3px;color:var(--text-3);">Legendairy Milk Liquid Gold Lactation Support | Lactation Supplement with Organi</div></td>
      <td style="color:var(--green);font-weight:600;">★ 4.1</td>
      <td class="tb-num" style="color:var(--amber);">1.5w</td>
      <td class="tb-num">$20.12</td>
    </tr><tr>
      <td class="tb-num">06</td>
      <td><div style="font-weight:600;">BMVINVOL</div><div class="text-xs" style="margin-top:3px;color:var(--text-3);">Berberine with Ceylon Cinnamon, Turmeric, Milk Thistle, Artichoke, Black Pepper </div></td>
      <td style="color:var(--green);font-weight:600;">★ 4.4</td>
      <td class="tb-num" style="color:var(--amber);">1.4w</td>
      <td class="tb-num">$20.69</td>
    </tr><tr>
      <td class="tb-num">07</td>
      <td><div style="font-weight:600;">Arazo Nutrition</div><div class="text-xs" style="margin-top:3px;color:var(--text-3);">Arazo Nutrition Liver Cleanse Detox &amp; Repair Formula – Milk Thistle Herbal Suppo</div></td>
      <td style="color:var(--green);font-weight:600;">★ 4.3</td>
      <td class="tb-num" style="color:var(--amber);">1.4w</td>
      <td class="tb-num">$16.76</td>
    </tr><tr>
      <td class="tb-num">08</td>
      <td><div style="font-weight:600;">Rejuvica Health</div><div class="text-xs" style="margin-top:3px;color:var(--text-3);">Rejuvica Health VitaLiver | Liver Cleanse &amp; Detox Drops | Milk Thistle, Artichok</div></td>
      <td style="color:var(--green);font-weight:600;">★ 4.4</td>
      <td class="tb-num" style="color:var(--amber);">1.2w</td>
      <td class="tb-num">$27.54</td>
    </tr></tbody>
          </table>
        </div>
      </div>
    </div>
    <div class="card fade-up" style="margin-bottom:40px;">
      <div class="text-mono text-xs text-purple">REVIEW COUNT DISTRIBUTION</div>
      <h3 class="text-h2" style="margin-top:10px;">评论数分布 · 口碑沉淀结构</h3>
      <div id="chartReviewCount" class="chart-container" style="margin-top:20px;min-height:260px;"></div>
    </div>
    
    <h3 class="text-h2 fade-up" style="margin-top:8px;margin-bottom:16px;">6.4 · 深度产品画像</h3>
    <p class="section-sub fade-up" style="margin-bottom:24px;">对 Top 6 款拉取完整 ProductRequest · 含 BSR / 上线日 / Buybox 卖家 / 变体数</p>
    <div class="grid grid-2" style="margin-bottom:40px;">
      <div class="card fade-up" style="display:flex;gap:16px;">
        <img src="https://m.media-amazon.com/images/I/71YBRVC-+sL.jpg" alt="" loading="lazy" onerror="this.style.display='none'" style="width:96px;height:96px;object-fit:cover;border-radius:8px;flex-shrink:0;">
        <div style="flex:1;min-width:0;">
          <div style="display:flex;gap:6px;margin-bottom:6px;flex-wrap:wrap;">
            <span class="tag" style="background:rgba(245,166,35,.12);color:var(--amber);">Bronson</span>
            
            <span class="tag">A+</span>
            <span class="tag">品牌店</span>
            <span class="tag">4 变体</span>
          </div>
          <div style="font-weight:600;font-size:0.88rem;margin-bottom:8px;line-height:1.4;">Bronson Milk Thistle Silymarin Marianum &amp; Dandelion Extract Liver Health Suppo</div>
          <div class="text-xs text-mono" style="color:var(--text-3);margin-bottom:10px;">ASIN · B079JX3FMC</div>
          <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:8px;font-size:0.78rem;">
            <div><div style="color:var(--text-3);">售价</div><div style="color:var(--amber);font-weight:700;font-family:'JetBrains Mono';">$8.99</div></div>
            <div><div style="color:var(--text-3);">评分</div><div style="color:var(--green);font-weight:700;">★ 4.7 · 3.9w</div></div>
            <div><div style="color:var(--text-3);">月销</div><div style="font-weight:700;">4.9w</div></div>
            <div><div style="color:var(--text-3);">BSR</div><div style="font-weight:700;">—</div></div>
            <div><div style="color:var(--text-3);">上线天数</div><div style="font-weight:700;">2918d</div></div>
            <div><div style="color:var(--text-3);">Buybox 卖家</div><div style="font-weight:700;font-size:0.7rem;">Bronson Laborato</div></div>
          </div>
        </div>
      </div><div class="card fade-up" style="display:flex;gap:16px;">
        <img src="https://m.media-amazon.com/images/I/61j43HE9zpL.jpg" alt="" loading="lazy" onerror="this.style.display='none'" style="width:96px;height:96px;object-fit:cover;border-radius:8px;flex-shrink:0;">
        <div style="flex:1;min-width:0;">
          <div style="display:flex;gap:6px;margin-bottom:6px;flex-wrap:wrap;">
            <span class="tag" style="background:rgba(245,166,35,.12);color:var(--amber);">Dose for Your Liver</span>
            <span class="tag">有视频</span>
            <span class="tag">A+</span>
            <span class="tag">品牌店</span>
            <span class="tag">2 变体</span>
          </div>
          <div style="font-weight:600;font-size:0.88rem;margin-bottom:8px;line-height:1.4;">Dose for Your Liver Cleanse Detox &amp; Repair, Made with Organic Milk Thistle Sup</div>
          <div class="text-xs text-mono" style="color:var(--text-3);margin-bottom:10px;">ASIN · B0CNSCNJB5</div>
          <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:8px;font-size:0.78rem;">
            <div><div style="color:var(--text-3);">售价</div><div style="color:var(--amber);font-weight:700;font-family:'JetBrains Mono';">$99.00</div></div>
            <div><div style="color:var(--text-3);">评分</div><div style="color:var(--green);font-weight:700;">★ 4.5 · 6.5k</div></div>
            <div><div style="color:var(--text-3);">月销</div><div style="font-weight:700;">4.4w</div></div>
            <div><div style="color:var(--text-3);">BSR</div><div style="font-weight:700;">—</div></div>
            <div><div style="color:var(--text-3);">上线天数</div><div style="font-weight:700;">872d</div></div>
            <div><div style="color:var(--text-3);">Buybox 卖家</div><div style="font-weight:700;font-size:0.7rem;">DoseDaily</div></div>
          </div>
        </div>
      </div><div class="card fade-up" style="display:flex;gap:16px;">
        <img src="https://m.media-amazon.com/images/I/61gdV76FJ2L._AC_SL1500_.jpg" alt="" loading="lazy" onerror="this.style.display='none'" style="width:96px;height:96px;object-fit:cover;border-radius:8px;flex-shrink:0;">
        <div style="flex:1;min-width:0;">
          <div style="display:flex;gap:6px;margin-bottom:6px;flex-wrap:wrap;">
            <span class="tag" style="background:rgba(245,166,35,.12);color:var(--amber);">Natures Craft</span>
            <span class="tag">有视频</span>
            <span class="tag">A+</span>
            <span class="tag">品牌店</span>
            <span class="tag">5 变体</span>
          </div>
          <div style="font-weight:600;font-size:0.88rem;margin-bottom:8px;line-height:1.4;">Natures Craft Liver Cleanse Detox &amp; Repair 120 Capsules - Herbal Liver Support</div>
          <div class="text-xs text-mono" style="color:var(--text-3);margin-bottom:10px;">ASIN · B0B9857FY5</div>
          <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:8px;font-size:0.78rem;">
            <div><div style="color:var(--text-3);">售价</div><div style="color:var(--amber);font-weight:700;font-family:'JetBrains Mono';">$36.99</div></div>
            <div><div style="color:var(--text-3);">评分</div><div style="color:var(--green);font-weight:700;">★ 4.5 · 4.5w</div></div>
            <div><div style="color:var(--text-3);">月销</div><div style="font-weight:700;">4.1w</div></div>
            <div><div style="color:var(--text-3);">BSR</div><div style="font-weight:700;">—</div></div>
            <div><div style="color:var(--text-3);">上线天数</div><div style="font-weight:700;">1345d</div></div>
            <div><div style="color:var(--text-3);">Buybox 卖家</div><div style="font-weight:700;font-size:0.7rem;">Natures Craft De</div></div>
          </div>
        </div>
      </div><div class="card fade-up" style="display:flex;gap:16px;">
        <img src="https://m.media-amazon.com/images/I/51E3-0erMZL.jpg" alt="" loading="lazy" onerror="this.style.display='none'" style="width:96px;height:96px;object-fit:cover;border-radius:8px;flex-shrink:0;">
        <div style="flex:1;min-width:0;">
          <div style="display:flex;gap:6px;margin-bottom:6px;flex-wrap:wrap;">
            <span class="tag" style="background:rgba(245,166,35,.12);color:var(--amber);">Legendairy Milk</span>
            <span class="tag">有视频</span>
            <span class="tag">A+</span>
            <span class="tag">品牌店</span>
            <span class="tag">2 变体</span>
          </div>
          <div style="font-weight:600;font-size:0.88rem;margin-bottom:8px;line-height:1.4;">Legendairy Milk Liquid Gold Lactation Support | Lactation Supplement with Orga</div>
          <div class="text-xs text-mono" style="color:var(--text-3);margin-bottom:10px;">ASIN · B084GRS9JB</div>
          <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:8px;font-size:0.78rem;">
            <div><div style="color:var(--text-3);">售价</div><div style="color:var(--amber);font-weight:700;font-family:'JetBrains Mono';">$20.12</div></div>
            <div><div style="color:var(--text-3);">评分</div><div style="color:var(--green);font-weight:700;">★ 4.1 · 1.5w</div></div>
            <div><div style="color:var(--text-3);">月销</div><div style="font-weight:700;">1.5w</div></div>
            <div><div style="color:var(--text-3);">BSR</div><div style="font-weight:700;">—</div></div>
            <div><div style="color:var(--text-3);">上线天数</div><div style="font-weight:700;">2247d</div></div>
            <div><div style="color:var(--text-3);">Buybox 卖家</div><div style="font-weight:700;font-size:0.7rem;">Legendairy Milk</div></div>
          </div>
        </div>
      </div><div class="card fade-up" style="display:flex;gap:16px;">
        <img src="https://m.media-amazon.com/images/I/4125sW15ppL.jpg" alt="" loading="lazy" onerror="this.style.display='none'" style="width:96px;height:96px;object-fit:cover;border-radius:8px;flex-shrink:0;">
        <div style="flex:1;min-width:0;">
          <div style="display:flex;gap:6px;margin-bottom:6px;flex-wrap:wrap;">
            <span class="tag" style="background:rgba(245,166,35,.12);color:var(--amber);">1MD Nutrition</span>
            <span class="tag">有视频</span>
            <span class="tag">A+</span>
            <span class="tag">品牌店</span>
            <span class="tag">3 变体</span>
          </div>
          <div style="font-weight:600;font-size:0.88rem;margin-bottom:8px;line-height:1.4;">1MD Nutrition LiverMD - Liver Support Supplement | Siliphos Milk Thistle Extra</div>
          <div class="text-xs text-mono" style="color:var(--text-3);margin-bottom:10px;">ASIN · B07W86H3P4</div>
          <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:8px;font-size:0.78rem;">
            <div><div style="color:var(--text-3);">售价</div><div style="color:var(--amber);font-weight:700;font-family:'JetBrains Mono';">$49.01</div></div>
            <div><div style="color:var(--text-3);">评分</div><div style="color:var(--green);font-weight:700;">★ 4.4 · 4.9k</div></div>
            <div><div style="color:var(--text-3);">月销</div><div style="font-weight:700;">1.4w</div></div>
            <div><div style="color:var(--text-3);">BSR</div><div style="font-weight:700;">—</div></div>
            <div><div style="color:var(--text-3);">上线天数</div><div style="font-weight:700;">1361d</div></div>
            <div><div style="color:var(--text-3);">Buybox 卖家</div><div style="font-weight:700;font-size:0.7rem;">1MD.Nutrition</div></div>
          </div>
        </div>
      </div><div class="card fade-up" style="display:flex;gap:16px;">
        <img src="https://m.media-amazon.com/images/I/41HXRGm5mgL.jpg" alt="" loading="lazy" onerror="this.style.display='none'" style="width:96px;height:96px;object-fit:cover;border-radius:8px;flex-shrink:0;">
        <div style="flex:1;min-width:0;">
          <div style="display:flex;gap:6px;margin-bottom:6px;flex-wrap:wrap;">
            <span class="tag" style="background:rgba(245,166,35,.12);color:var(--amber);">NOW Foods</span>
            <span class="tag">有视频</span>
            <span class="tag">A+</span>
            <span class="tag">品牌店</span>
            <span class="tag">3 变体</span>
          </div>
          <div style="font-weight:600;font-size:0.88rem;margin-bottom:8px;line-height:1.4;">NOW Foods Supplements, Glutathione 500 mg, With Milk Thistle Extract &amp; Alpha L</div>
          <div class="text-xs text-mono" style="color:var(--text-3);margin-bottom:10px;">ASIN · B0019LWV92</div>
          <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:8px;font-size:0.78rem;">
            <div><div style="color:var(--text-3);">售价</div><div style="color:var(--amber);font-weight:700;font-family:'JetBrains Mono';">$21.73</div></div>
            <div><div style="color:var(--text-3);">评分</div><div style="color:var(--green);font-weight:700;">★ 4.6 · 1.0w</div></div>
            <div><div style="color:var(--text-3);">月销</div><div style="font-weight:700;">1.3w</div></div>
            <div><div style="color:var(--text-3);">BSR</div><div style="font-weight:700;">—</div></div>
            <div><div style="color:var(--text-3);">上线天数</div><div style="font-weight:700;">5503d</div></div>
            <div><div style="color:var(--text-3);">Buybox 卖家</div><div style="font-weight:700;font-size:0.7rem;">Amazon</div></div>
          </div>
        </div>
      </div>
    </div>
    
    <div class="card fade-up" style="margin-bottom:40px;border-left:3px solid var(--blue);">
      <div class="text-mono text-xs" style="color:var(--blue);">MARKET MATURITY</div>
      <h3 class="text-h2" style="margin-top:10px;">品类成熟度：平均上线 2374 天 (6.5 年)</h3>
      <p class="text-sm" style="margin-top:10px;color:var(--text-2);line-height:1.7;">
        Top 6 深度样本中 · <strong style="color:var(--green);">0 款新品（&lt;180d）</strong> · <strong style="color:var(--amber);">6 款成熟品（≥1年）</strong>
        · 市场结构稳固，新玩家需强差异化
      </p>
    </div>
    
    <h3 class="text-h2 fade-up" style="margin-top:8px;margin-bottom:16px;">6.5 · 真实评论抽样</h3>
    <p class="section-sub fade-up" style="margin-bottom:24px;">对 Top 3 款抓取真实评论 · 按星级分布 + 正负面抽样</p>
    <div class="grid grid-1" style="margin-bottom:32px;">
      <div class="card fade-up" style="border-left:3px solid var(--amber);">
        <div style="display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px;">
          <div>
            <div class="text-mono text-xs" style="color:var(--amber);">B079JX3FMC</div>
            <h4 style="font-size:0.95rem;margin-top:4px;">Bronson · Bronson Milk Thistle Silymarin Marianum &amp; Dandelio</h4>
          </div>
          <div style="text-align:right;flex-shrink:0;">
            <div style="color:var(--green);font-weight:700;font-size:1.1rem;">★ 4.42</div>
            <div class="text-xs" style="color:var(--text-3);">100 条抽样</div>
          </div>
        </div>
        <div class="text-xs text-mono" style="color:var(--text-3);margin-bottom:12px;">★★★★★ 74  ★★★★ 12  ★★★ 4  ★★ 2  ★ 8</div>
        <div class="grid grid-2" style="gap:12px;">
          <div style="padding:12px;background:rgba(0,220,130,.06);border-left:2px solid var(--green);border-radius:0 6px 6px 0;">
            <div class="text-xs" style="color:var(--green);margin-bottom:6px;">★ 4 · Solid supplement for liver support · Brandon</div>
            <div class="text-sm" style="color:var(--text-2);line-height:1.5;">This is a straightforward supplement with a good amount of capsules for the price. I like that it includes both milk thistle and dandelion root. Capsules are easy to swallow and don’t have a strong aftertaste. How I take it: Usually 1–2 cap</div>
          </div>
          <div style="padding:12px;background:rgba(255,77,141,.06);border-left:2px solid var(--rose);border-radius:0 6px 6px 0;">
            <div class="text-xs" style="color:var(--rose);margin-bottom:6px;">★ 1 · Do NOT take!!! · Mija714 <span class="text-mono" style="color:var(--amber);">✓VP</span></div>
            <div class="text-sm" style="color:var(--text-2);line-height:1.5;">Horrible! Beware if you are allergic to ragweed CANNOT take this product.</div>
          </div>
        </div>
      </div><div class="card fade-up" style="border-left:3px solid var(--amber);">
        <div style="display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px;">
          <div>
            <div class="text-mono text-xs" style="color:var(--amber);">B0CNSCNJB5</div>
            <h4 style="font-size:0.95rem;margin-top:4px;">Dose for Your Liver · Dose for Your Liver Cleanse Detox &amp; Repair, Made w</h4>
          </div>
          <div style="text-align:right;flex-shrink:0;">
            <div style="color:var(--green);font-weight:700;font-size:1.1rem;">★ 4.53</div>
            <div class="text-xs" style="color:var(--text-3);">100 条抽样</div>
          </div>
        </div>
        <div class="text-xs text-mono" style="color:var(--text-3);margin-bottom:12px;">★★★★★ 80  ★★★★ 10  ★★★ 1  ★★ 1  ★ 8</div>
        <div class="grid grid-2" style="gap:12px;">
          <div style="padding:12px;background:rgba(0,220,130,.06);border-left:2px solid var(--green);border-radius:0 6px 6px 0;">
            <div class="text-xs" style="color:var(--green);margin-bottom:6px;">★ 4 · Something healthy that tastes great! · KDub</div>
            <div class="text-sm" style="color:var(--text-2);line-height:1.5;">Just finished my first bottle. The taste is very good! I steel small cup isn’t lined up with anything to measure and you have to fill it to the brim. That’s the only downside. I use a small glass cup that has all sorts of different measurem</div>
          </div>
          <div style="padding:12px;background:rgba(255,77,141,.06);border-left:2px solid var(--rose);border-radius:0 6px 6px 0;">
            <div class="text-xs" style="color:var(--rose);margin-bottom:6px;">★ 1 · Be careful of turmeric · Cissy <span class="text-mono" style="color:var(--amber);">✓VP</span></div>
            <div class="text-sm" style="color:var(--text-2);line-height:1.5;">be careful and do your research on organic and herbs. I just learned this morning that turmeric is NOT RECOMMENDED for liver. Just because it is “natural“ doesn‘t mean it is for you. Best to check with your doctor and do more research. I ha</div>
          </div>
        </div>
      </div><div class="card fade-up" style="border-left:3px solid var(--amber);">
        <div style="display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px;">
          <div>
            <div class="text-mono text-xs" style="color:var(--amber);">B0B9857FY5</div>
            <h4 style="font-size:0.95rem;margin-top:4px;">Natures Craft · Natures Craft Liver Cleanse Detox &amp; Repair 120 Cap</h4>
          </div>
          <div style="text-align:right;flex-shrink:0;">
            <div style="color:var(--green);font-weight:700;font-size:1.1rem;">★ 4.38</div>
            <div class="text-xs" style="color:var(--text-3);">100 条抽样</div>
          </div>
        </div>
        <div class="text-xs text-mono" style="color:var(--text-3);margin-bottom:12px;">★★★★★ 75  ★★★★ 10  ★★★ 3  ★★ 2  ★ 10</div>
        <div class="grid grid-2" style="gap:12px;">
          <div style="padding:12px;background:rgba(0,220,130,.06);border-left:2px solid var(--green);border-radius:0 6px 6px 0;">
            <div class="text-xs" style="color:var(--green);margin-bottom:6px;">★ 5 · The best Liver Supplement · Skyhawk</div>
            <div class="text-sm" style="color:var(--text-2);line-height:1.5;">Really like it. It has every single Herb you can think of to help your Liver in a comprehensive formulation.</div>
          </div>
          <div style="padding:12px;background:rgba(255,77,141,.06);border-left:2px solid var(--rose);border-radius:0 6px 6px 0;">
            <div class="text-xs" style="color:var(--rose);margin-bottom:6px;">★ 1 · The piece count capsules is less than th · pigpig <span class="text-mono" style="color:var(--amber);">✓VP</span></div>
            <div class="text-sm" style="color:var(--text-2);line-height:1.5;">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 just took one capsule at one of my dose but </div>
          </div>
        </div>
      </div>
    </div>
    <div class="card fade-up">
      <div class="text-mono text-xs text-amber">STAR DISTRIBUTION</div>
      <h3 class="text-h2" style="margin-top:10px;">各产品 5 星分布对比</h3>
      <div id="chartStarDist" class="chart-container" style="margin-top:20px;min-height:320px;"></div>
    </div>
    
    <h3 class="text-h2 fade-up" style="margin-top:8px;margin-bottom:12px;">6.5+ · VOC 用户原声主题</h3>
    <p class="section-sub fade-up" style="margin-bottom:22px;">从 <strong class="text-amber">30</strong> 条真实评论中聚类 · <strong class="text-rose">15</strong> 条差评 × <strong class="text-green">15</strong> 条好评 · 高频词聚类后得出的结构性主题</p>
    <div class="grid grid-3" style="margin-bottom:40px;gap:20px;">
      <div class="card fade-up" style="border-left:3px solid var(--rose);">
        <div class="text-mono text-xs" style="color:var(--rose);">PAIN POINTS · 痛点</div>
        <h3 class="text-h3" style="margin-top:8px;margin-bottom:16px;">🔴 用户核心痛点 Top 3</h3>
        <div class="fade-up" style="margin-bottom:12px;">
          <div style="display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px;gap:8px;">
            <div style="display:flex;gap:8px;align-items:center;min-width:0;">
              <span style="font-size:1rem;flex-shrink:0;">🩹</span>
              <span style="font-weight:600;font-size:0.82rem;overflow:hidden;text-overflow:ellipsis;">副作用担忧</span>
            </div>
            <span class="text-mono" style="font-size:0.78rem;color:var(--rose);flex-shrink:0;">3 · 20.0%</span>
          </div>
          <div style="height:6px;background:rgba(255,255,255,0.05);border-radius:3px;overflow:hidden;">
            <div style="height:100%;background:var(--rose);width:20.0%;border-radius:3px;transition:width 1.2s cubic-bezier(.16,.84,.33,1);"></div>
          </div>
          <div class="text-xs" style="margin-top:6px;color:var(--text-3);line-height:1.5;padding-left:24px;font-style:italic;">"caused bradycardia 40’s, bile diarrhea, and cramping. high dose turmeric can cause av bloc…" · <span style="color:var(--text-2);">Dose for Your Liver</span></div>
        </div><div class="fade-up" style="margin-bottom:12px;">
          <div style="display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px;gap:8px;">
            <div style="display:flex;gap:8px;align-items:center;min-width:0;">
              <span style="font-size:1rem;flex-shrink:0;">💸</span>
              <span style="font-weight:600;font-size:0.82rem;overflow:hidden;text-overflow:ellipsis;">效果无感</span>
            </div>
            <span class="text-mono" style="font-size:0.78rem;color:var(--rose);flex-shrink:0;">1 · 6.7%</span>
          </div>
          <div style="height:6px;background:rgba(255,255,255,0.05);border-radius:3px;overflow:hidden;">
            <div style="height:100%;background:var(--rose);width:6.7%;border-radius:3px;transition:width 1.2s cubic-bezier(.16,.84,.33,1);"></div>
          </div>
          <div class="text-xs" style="margin-top:6px;color:var(--text-3);line-height:1.5;padding-left:24px;font-style:italic;">"i have tried it for few days and i ain’t seen no difference so don’t buy it" · <span style="color:var(--text-2);">Dose for Your Liver</span></div>
        </div><div class="fade-up" style="margin-bottom:12px;">
          <div style="display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px;gap:8px;">
            <div style="display:flex;gap:8px;align-items:center;min-width:0;">
              <span style="font-size:1rem;flex-shrink:0;">💵</span>
              <span style="font-weight:600;font-size:0.82rem;overflow:hidden;text-overflow:ellipsis;">价格感知差</span>
            </div>
            <span class="text-mono" style="font-size:0.78rem;color:var(--rose);flex-shrink:0;">1 · 6.7%</span>
          </div>
          <div style="height:6px;background:rgba(255,255,255,0.05);border-radius:3px;overflow:hidden;">
            <div style="height:100%;background:var(--rose);width:6.7%;border-radius:3px;transition:width 1.2s cubic-bezier(.16,.84,.33,1);"></div>
          </div>
          <div class="text-xs" style="margin-top:6px;color:var(--text-3);line-height:1.5;padding-left:24px;font-style:italic;">"not worth it" · <span style="color:var(--text-2);">Natures Craft</span></div>
        </div>
      </div>
      <div class="card fade-up" style="border-left:3px solid var(--green);">
        <div class="text-mono text-xs" style="color:var(--green);">BRIGHT SPOTS · 亮点</div>
        <h3 class="text-h3" style="margin-top:8px;margin-bottom:16px;">🟢 用户最爱亮点 Top 3</h3>
        <div class="fade-up" style="margin-bottom:12px;">
          <div style="display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px;gap:8px;">
            <div style="display:flex;gap:8px;align-items:center;min-width:0;">
              <span style="font-size:1rem;flex-shrink:0;">😊</span>
              <span style="font-weight:600;font-size:0.82rem;overflow:hidden;text-overflow:ellipsis;">易服用</span>
            </div>
            <span class="text-mono" style="font-size:0.78rem;color:var(--green);flex-shrink:0;">5 · 33.3%</span>
          </div>
          <div style="height:6px;background:rgba(255,255,255,0.05);border-radius:3px;overflow:hidden;">
            <div style="height:100%;background:var(--green);width:33.3%;border-radius:3px;transition:width 1.2s cubic-bezier(.16,.84,.33,1);"></div>
          </div>
          <div class="text-xs" style="margin-top:6px;color:var(--text-3);line-height:1.5;padding-left:24px;font-style:italic;">"this supplement has been a great addition to my routine. the combination of milk thistle a…" · <span style="color:var(--text-2);">Bronson</span></div>
        </div><div class="fade-up" style="margin-bottom:12px;">
          <div style="display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px;gap:8px;">
            <div style="display:flex;gap:8px;align-items:center;min-width:0;">
              <span style="font-size:1rem;flex-shrink:0;">⭐</span>
              <span style="font-weight:600;font-size:0.82rem;overflow:hidden;text-overflow:ellipsis;">效果认可</span>
            </div>
            <span class="text-mono" style="font-size:0.78rem;color:var(--green);flex-shrink:0;">2 · 13.3%</span>
          </div>
          <div style="height:6px;background:rgba(255,255,255,0.05);border-radius:3px;overflow:hidden;">
            <div style="height:100%;background:var(--green);width:13.3%;border-radius:3px;transition:width 1.2s cubic-bezier(.16,.84,.33,1);"></div>
          </div>
          
        </div><div class="fade-up" style="margin-bottom:12px;">
          <div style="display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px;gap:8px;">
            <div style="display:flex;gap:8px;align-items:center;min-width:0;">
              <span style="font-size:1rem;flex-shrink:0;">🔁</span>
              <span style="font-weight:600;font-size:0.82rem;overflow:hidden;text-overflow:ellipsis;">推荐复购</span>
            </div>
            <span class="text-mono" style="font-size:0.78rem;color:var(--green);flex-shrink:0;">1 · 6.7%</span>
          </div>
          <div style="height:6px;background:rgba(255,255,255,0.05);border-radius:3px;overflow:hidden;">
            <div style="height:100%;background:var(--green);width:6.7%;border-radius:3px;transition:width 1.2s cubic-bezier(.16,.84,.33,1);"></div>
          </div>
          <div class="text-xs" style="margin-top:6px;color:var(--text-3);line-height:1.5;padding-left:24px;font-style:italic;">"dose for your liver taste great. i carried it to my physician and she told me this was a g…" · <span style="color:var(--text-2);">Dose for Your Liver</span></div>
        </div>
      </div>
      <div class="card fade-up" style="border-left:3px solid var(--blue);">
        <div class="text-mono text-xs" style="color:var(--blue);">USAGE SCENARIOS · 场景</div>
        <h3 class="text-h3" style="margin-top:8px;margin-bottom:16px;">📍 使用场景分布</h3>
        <div class="fade-up" style="margin-bottom:12px;">
          <div style="display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px;gap:8px;">
            <div style="display:flex;gap:8px;align-items:center;min-width:0;">
              <span style="font-size:1rem;flex-shrink:0;">•</span>
              <span style="font-weight:600;font-size:0.82rem;overflow:hidden;text-overflow:ellipsis;">医生建议</span>
            </div>
            <span class="text-mono" style="font-size:0.78rem;color:var(--blue);flex-shrink:0;">5 · 16.7%</span>
          </div>
          <div style="height:6px;background:rgba(255,255,255,0.05);border-radius:3px;overflow:hidden;">
            <div style="height:100%;background:var(--blue);width:16.7%;border-radius:3px;transition:width 1.2s cubic-bezier(.16,.84,.33,1);"></div>
          </div>
          <div class="text-xs" style="margin-top:6px;color:var(--text-3);line-height:1.5;padding-left:24px;font-style:italic;">"horrible!  beware if you are allergic to ragweed cannot take this product." · <span style="color:var(--text-2);">Bronson</span></div>
        </div><div class="fade-up" style="margin-bottom:12px;">
          <div style="display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px;gap:8px;">
            <div style="display:flex;gap:8px;align-items:center;min-width:0;">
              <span style="font-size:1rem;flex-shrink:0;">•</span>
              <span style="font-weight:600;font-size:0.82rem;overflow:hidden;text-overflow:ellipsis;">日常养护</span>
            </div>
            <span class="text-mono" style="font-size:0.78rem;color:var(--blue);flex-shrink:0;">2 · 6.7%</span>
          </div>
          <div style="height:6px;background:rgba(255,255,255,0.05);border-radius:3px;overflow:hidden;">
            <div style="height:100%;background:var(--blue);width:6.7%;border-radius:3px;transition:width 1.2s cubic-bezier(.16,.84,.33,1);"></div>
          </div>
          
        </div><div class="fade-up" style="margin-bottom:12px;">
          <div style="display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px;gap:8px;">
            <div style="display:flex;gap:8px;align-items:center;min-width:0;">
              <span style="font-size:1rem;flex-shrink:0;">•</span>
              <span style="font-weight:600;font-size:0.82rem;overflow:hidden;text-overflow:ellipsis;">健身饮食</span>
            </div>
            <span class="text-mono" style="font-size:0.78rem;color:var(--blue);flex-shrink:0;">1 · 3.3%</span>
          </div>
          <div style="height:6px;background:rgba(255,255,255,0.05);border-radius:3px;overflow:hidden;">
            <div style="height:100%;background:var(--blue);width:3.3%;border-radius:3px;transition:width 1.2s cubic-bezier(.16,.84,.33,1);"></div>
          </div>
          
        </div><div class="fade-up" style="margin-bottom:12px;">
          <div style="display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px;gap:8px;">
            <div style="display:flex;gap:8px;align-items:center;min-width:0;">
              <span style="font-size:1rem;flex-shrink:0;">•</span>
              <span style="font-weight:600;font-size:0.82rem;overflow:hidden;text-overflow:ellipsis;">情绪精力</span>
            </div>
            <span class="text-mono" style="font-size:0.78rem;color:var(--blue);flex-shrink:0;">1 · 3.3%</span>
          </div>
          <div style="height:6px;background:rgba(255,255,255,0.05);border-radius:3px;overflow:hidden;">
            <div style="height:100%;background:var(--blue);width:3.3%;border-radius:3px;transition:width 1.2s cubic-bezier(.16,.84,.33,1);"></div>
          </div>
          <div class="text-xs" style="margin-top:6px;color:var(--text-3);line-height:1.5;padding-left:24px;font-style:italic;">"tasty, feel energy a bit more, cleanse system a bit more. but is it something u feel a hug…" · <span style="color:var(--text-2);">Dose for Your Liver</span></div>
        </div>
      </div>
    </div>
    
    <h3 class="text-h2 fade-up" style="margin-top:8px;margin-bottom:12px;">6.6 · 从数据到行动 · 三马车战略建议</h3>
    <p class="section-sub fade-up" style="margin-bottom:22px;">基于以上所有分析维度（机会等级 <strong style="color:var(--amber);">B · 推荐</strong>）导出的分阶段可执行动作</p>
    <div class="grid grid-3" style="margin-bottom:20px;gap:18px;">
      <div class="card card-accent fade-up" style="border-left-color:var(--amber);">
      <div style="display:flex;justify-content:space-between;align-items:center;gap:10px;">
        <div class="text-mono text-xs" style="color:var(--amber);">TRACK 1 · 0-30 DAYS</div>
        <span class="text-mono" style="font-size:0.64rem;padding:3px 10px;border-radius:999px;background:var(--amber)20;color:var(--amber);letter-spacing:0.1em;font-weight:700;">QUICK WIN</span>
      </div>
      <h3 class="text-h2" style="margin-top:10px;margin-bottom:14px;">0-30 天 · 选品与立项</h3>
      <ul style="list-style:none;display:flex;flex-direction:column;gap:10px;color:var(--text-2);font-size:0.88rem;line-height:1.6;">
        <li style="padding-left:20px;position:relative;"><span style="position:absolute;left:0;top:2px;color:var(--amber);">✓</span>定价锚点 <strong>$21-$28</strong>（贴近行业中位数 ±15%），避免"高不成低不就"</li><li style="padding-left:20px;position:relative;"><span style="position:absolute;left:0;top:2px;color:var(--amber);">✓</span>产品 PRD 首要规避 <strong>副作用担忧</strong>（差评 Top1, 3 次提及）</li><li style="padding-left:20px;position:relative;"><span style="position:absolute;left:0;top:2px;color:var(--amber);">✓</span>参考 $15-25 价位 Top 3 款做 listing 结构逆向拆解（标题/图/A+内容）</li>
      </ul>
    </div>
      <div class="card card-accent fade-up" style="border-left-color:var(--green);">
      <div style="display:flex;justify-content:space-between;align-items:center;gap:10px;">
        <div class="text-mono text-xs" style="color:var(--green);">TRACK 2 · 30-90 DAYS</div>
        <span class="text-mono" style="font-size:0.64rem;padding:3px 10px;border-radius:999px;background:var(--green)20;color:var(--green);letter-spacing:0.1em;font-weight:700;">SCALE</span>
      </div>
      <h3 class="text-h2" style="margin-top:10px;margin-bottom:14px;">30-90 天 · 冷启动与放量</h3>
      <ul style="list-style:none;display:flex;flex-direction:column;gap:10px;color:var(--text-2);font-size:0.88rem;line-height:1.6;">
        <li style="padding-left:20px;position:relative;"><span style="position:absolute;left:0;top:2px;color:var(--green);">✓</span>营销 hero claim 直接挪用高频好评词 <strong>「易服用」</strong>（5 次提及）</li><li style="padding-left:20px;position:relative;"><span style="position:absolute;left:0;top:2px;color:var(--green);">✓</span>种草场景聚焦 <strong>医生建议</strong>（5 次用户自发提及）</li><li style="padding-left:20px;position:relative;"><span style="position:absolute;left:0;top:2px;color:var(--green);">✓</span>保持 ≥4.5 即可拉开差距，Review seeding 20-30 条足够起量</li><li style="padding-left:20px;position:relative;"><span style="position:absolute;left:0;top:2px;color:var(--green);">✓</span>可直接 Brand Defense + Category ASIN Targeting 双线抢位</li>
      </ul>
    </div>
      <div class="card card-accent fade-up" style="border-left-color:var(--purple);">
      <div style="display:flex;justify-content:space-between;align-items:center;gap:10px;">
        <div class="text-mono text-xs" style="color:var(--purple);">TRACK 3 · 90+ DAYS</div>
        <span class="text-mono" style="font-size:0.64rem;padding:3px 10px;border-radius:999px;background:var(--purple)20;color:var(--purple);letter-spacing:0.1em;font-weight:700;">MOAT</span>
      </div>
      <h3 class="text-h2" style="margin-top:10px;margin-bottom:14px;">90 天+ · 沉淀与破圈</h3>
      <ul style="list-style:none;display:flex;flex-direction:column;gap:10px;color:var(--text-2);font-size:0.88rem;line-height:1.6;">
        <li style="padding-left:20px;position:relative;"><span style="position:absolute;left:0;top:2px;color:var(--purple);">✓</span><strong>Review 护城河</strong>：6 个月内积累 ≥1000 条真评，进入评论壁垒俱乐部</li><li style="padding-left:20px;position:relative;"><span style="position:absolute;left:0;top:2px;color:var(--purple);">✓</span><strong>Bundle 策略</strong>：基于用户多场景（医生建议 / 日常养护）做跨场景组合装</li><li style="padding-left:20px;position:relative;"><span style="position:absolute;left:0;top:2px;color:var(--purple);">✓</span><strong>站外破圈</strong>：把好评词作为 TikTok / Reddit UGC 素材源，低成本撬动信任</li><li style="padding-left:20px;position:relative;"><span style="position:absolute;left:0;top:2px;color:var(--purple);">✓</span><strong>机会等级 B</strong>：先打磨单 SKU 做深，12 个月后再考虑扩线</li>
      </ul>
    </div>
    </div>
  </div>
</section>
<section class="report-section" id="sttk" data-tone="cyan" data-slide-num="08/12">
  <div class="section-inner">
    <div class="section-head rise-in">
      <div class="section-eyebrow" style="color:#25F4EE;">TT · TikTok Presence</div>
      <h2 class="text-h1"><span class="headline-anim">TikTok 海外阵地</span></h2>
      <p class="section-sub">Amazon 的内容端对标 · <strong style="color:#25F4EE;">milk thistle / liver support supplement / liver cleanse detox / silymarin</strong> · 不需 cookie 直通海外版</p>
    </div>
    
    <div class="grid grid-4" style="margin-bottom:28px;gap:16px;">
      <div class="card card-glow fade-up" style="border-left:3px solid #25F4EE;">
        <div class="text-mono text-xs" style="color:#25F4EE;letter-spacing:.12em;">VIDEOS</div>
        <div style="font-family:'JetBrains Mono';font-size:2.4rem;font-weight:900;color:#25F4EE;margin-top:8px;">82</div>
        <div class="text-xs" style="color:var(--text-3);margin-top:4px;">跨 4 个英文关键词</div>
      </div>
      <div class="card fade-up" style="border-left:3px solid var(--amber);">
        <div class="text-mono text-xs text-amber" style="letter-spacing:.12em;">TOTAL PLAYS</div>
        <div style="font-family:'JetBrains Mono';font-size:2.4rem;font-weight:900;color:var(--amber);margin-top:8px;">2239.0w</div>
        <div class="text-xs" style="color:var(--text-3);margin-top:4px;">平均 ER 2.4%</div>
      </div>
      <div class="card fade-up" style="border-left:3px solid #FE2C55;">
        <div class="text-mono text-xs" style="color:#FE2C55;letter-spacing:.12em;">TOTAL LIKES</div>
        <div style="font-family:'JetBrains Mono';font-size:2.4rem;font-weight:900;color:#FE2C55;margin-top:8px;">57.9w</div>
        <div class="text-xs" style="color:var(--text-3);margin-top:4px;">评论 9.9k · 分享 13.0w</div>
      </div>
      <div class="card fade-up" style="border-left:3px solid var(--green);">
        <div class="text-mono text-xs text-green" style="letter-spacing:.12em;">CREATORS</div>
        <div style="font-family:'JetBrains Mono';font-size:2.4rem;font-weight:900;color:var(--green);margin-top:8px;">74</div>
        <div class="text-xs" style="color:var(--text-3);margin-top:4px;">认证 3 · 触达粉丝 1785.0w</div>
      </div>
    </div>
    
    <div class="card fade-up" style="margin-bottom:28px;border-left:3px solid #25F4EE;">
      <div class="text-mono text-xs" style="color:#25F4EE;letter-spacing:.12em;">KEYWORD COVERAGE</div>
      <h3 class="text-h3" style="margin-top:8px;margin-bottom:14px;">英文关键词覆盖深度 · TikTok 搜索反馈</h3>
      <div style="display:flex;flex-direction:column;gap:10px;">
        <div style="display:grid;grid-template-columns:220px 1fr auto;gap:14px;align-items:center;">
              <div class="text-sm" style="font-family:'JetBrains Mono';color:var(--text-2);">milk thistle</div>
              <div style="background:rgba(255,255,255,.06);border-radius:4px;height:14px;position:relative;overflow:hidden;">
                <div style="width:22%;height:100%;background:linear-gradient(90deg, #25F4EE, #FE2C55);border-radius:4px;transition:width .8s;"></div>
              </div>
              <div class="text-xs text-mono" style="color:var(--text-2);min-width:160px;text-align:right;">18 视频 · <strong style="color:#25F4EE;">9.0w</strong> 赞 · <strong>322.4w</strong> 播</div>
            </div><div style="display:grid;grid-template-columns:220px 1fr auto;gap:14px;align-items:center;">
              <div class="text-sm" style="font-family:'JetBrains Mono';color:var(--text-2);">liver support supplement</div>
              <div style="background:rgba(255,255,255,.06);border-radius:4px;height:14px;position:relative;overflow:hidden;">
                <div style="width:12%;height:100%;background:linear-gradient(90deg, #25F4EE, #FE2C55);border-radius:4px;transition:width .8s;"></div>
              </div>
              <div class="text-xs text-mono" style="color:var(--text-2);min-width:160px;text-align:right;">26 视频 · <strong style="color:#25F4EE;">5.0w</strong> 赞 · <strong>378.3w</strong> 播</div>
            </div><div style="display:grid;grid-template-columns:220px 1fr auto;gap:14px;align-items:center;">
              <div class="text-sm" style="font-family:'JetBrains Mono';color:var(--text-2);">liver cleanse detox</div>
              <div style="background:rgba(255,255,255,.06);border-radius:4px;height:14px;position:relative;overflow:hidden;">
                <div style="width:100%;height:100%;background:linear-gradient(90deg, #25F4EE, #FE2C55);border-radius:4px;transition:width .8s;"></div>
              </div>
              <div class="text-xs text-mono" style="color:var(--text-2);min-width:160px;text-align:right;">22 视频 · <strong style="color:#25F4EE;">41.6w</strong> 赞 · <strong>1189.2w</strong> 播</div>
            </div><div style="display:grid;grid-template-columns:220px 1fr auto;gap:14px;align-items:center;">
              <div class="text-sm" style="font-family:'JetBrains Mono';color:var(--text-2);">silymarin</div>
              <div style="background:rgba(255,255,255,.06);border-radius:4px;height:14px;position:relative;overflow:hidden;">
                <div style="width:5%;height:100%;background:linear-gradient(90deg, #25F4EE, #FE2C55);border-radius:4px;transition:width .8s;"></div>
              </div>
              <div class="text-xs text-mono" style="color:var(--text-2);min-width:160px;text-align:right;">16 视频 · <strong style="color:#25F4EE;">2.3w</strong> 赞 · <strong>349.1w</strong> 播</div>
            </div>
      </div>
    </div>
    
    <h3 class="text-h2 rise-in" style="margin-top:12px;margin-bottom:18px;">Top 5 海外创作者矩阵 <span class="text-xs" style="color:var(--text-3);font-weight:400;margin-left:10px;">按粉丝排序</span></h3>
    <div class="grid grid-3" style="margin-bottom:32px;gap:18px;">
      <div class="card fade-up" style="border-left:3px solid #25F4EE;">
        <div style="display:flex;gap:12px;align-items:center;margin-bottom:12px;">
          <img src="https://p16-common-sign.tiktokcdn-us.com/tos-maliva-avt-0068/33cf896e5db9c5de519590d7a28622b4~tplv-tiktokx-cropcenter:1080:1080.webp?dr=9640&amp;refresh_token=c36ba23e&amp;x-expires=1776704400&amp;x-signature=1Z%2BUFwzxLEcrvB1iYIenbKkwWoc%3D&amp;t=4d5b0474&amp;ps=13740610&amp;shp=a5d48078&amp;shcp=2472a6c6&amp;idc=useast5" alt="" loading="lazy" onerror="this.style.display='none'" style="width:56px;height:56px;border-radius:50%;border:1.5px solid #25F4EE;flex-shrink:0;object-fit:cover;">
          <div style="flex:1;min-width:0;">
            <div class="text-h3" style="font-size:.95rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">Motivationaldoc</div>
            <div class="text-xs text-mono" style="color:#25F4EE;margin-top:3px;">@motivationaldoc</div>
          </div>
          
        </div>
        <div class="text-xs" style="color:var(--text-3);line-height:1.5;margin-bottom:12px;min-height:2.2em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;">Join the million++ subs on my YouTube @motivationaldoc for my self-help videos😊</div>
        <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px;">
          <div style="text-align:center;padding:8px 4px;background:rgba(255,255,255,.02);border-radius:6px;">
            <div style="color:#25F4EE;font-weight:800;font-family:'JetBrains Mono';font-size:.95rem;">344.3w</div>
            <div style="color:var(--text-3);font-size:.62rem;margin-top:2px;letter-spacing:.06em;">FOLLOWERS</div>
          </div>
          <div style="text-align:center;padding:8px 4px;background:rgba(255,255,255,.02);border-radius:6px;">
            <div style="font-weight:800;font-family:'JetBrains Mono';font-size:.95rem;">8.2k</div>
            <div style="color:var(--text-3);font-size:.62rem;margin-top:2px;letter-spacing:.06em;">VIDEOS</div>
          </div>
          <div style="text-align:center;padding:8px 4px;background:rgba(255,255,255,.02);border-radius:6px;">
            <div style="color:var(--amber);font-weight:800;font-family:'JetBrains Mono';font-size:.95rem;">3335.7w</div>
            <div style="color:var(--text-3);font-size:.62rem;margin-top:2px;letter-spacing:.06em;">LIKES</div>
          </div>
        </div>
        <div style="padding:10px;background:rgba(255,255,255,.02);border-radius:6px;border-left:2px solid #25F4EE;">
          <div class="text-xs" style="color:var(--text-3);letter-spacing:.06em;font-family:'JetBrains Mono';margin-bottom:6px;">BEST POST</div>
          <div class="text-xs" style="line-height:1.5;min-height:2.2em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;">Do These 5 Things TODAY to Burn Fat FAST! #drmandell #fat #food</div>
          <div class="text-xs text-mono" style="margin-top:6px;color:var(--text-3);display:flex;gap:10px;">
            <span style="color:#FE2C55;">♥ 456</span>
            <span>▶ 5.2k</span>
          </div>
        </div>
      </div><div class="card fade-up" style="border-left:3px solid #25F4EE;">
        <div style="display:flex;gap:12px;align-items:center;margin-bottom:12px;">
          <img src="https://p16-common-sign.tiktokcdn-us.com/tos-useast8-avt-0068-tx2/932d2c0387e7e3560260a9c0e938c2d7~tplv-tiktokx-cropcenter:1080:1080.webp?dr=9640&amp;refresh_token=44e65891&amp;x-expires=1776704400&amp;x-signature=TbyGBW6BNH4rtHK50fnr6h4tG%2BE%3D&amp;t=4d5b0474&amp;ps=13740610&amp;shp=a5d48078&amp;shcp=2472a6c6&amp;idc=useast5" alt="" loading="lazy" onerror="this.style.display='none'" style="width:56px;height:56px;border-radius:50%;border:1.5px solid #25F4EE;flex-shrink:0;object-fit:cover;">
          <div style="flex:1;min-width:0;">
            <div class="text-h3" style="font-size:.95rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">Dr. Eric Berg</div>
            <div class="text-xs text-mono" style="color:#25F4EE;margin-top:3px;">@drbergofficial</div>
          </div>
          
        </div>
        <div class="text-xs" style="color:var(--text-3);line-height:1.5;margin-bottom:12px;min-height:2.2em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;">Official Account Creator of the Healthy Keto® movement 14 mil subs on YouTube</div>
        <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px;">
          <div style="text-align:center;padding:8px 4px;background:rgba(255,255,255,.02);border-radius:6px;">
            <div style="color:#25F4EE;font-weight:800;font-family:'JetBrains Mono';font-size:.95rem;">236.8w</div>
            <div style="color:var(--text-3);font-size:.62rem;margin-top:2px;letter-spacing:.06em;">FOLLOWERS</div>
          </div>
          <div style="text-align:center;padding:8px 4px;background:rgba(255,255,255,.02);border-radius:6px;">
            <div style="font-weight:800;font-family:'JetBrains Mono';font-size:.95rem;">4.2k</div>
            <div style="color:var(--text-3);font-size:.62rem;margin-top:2px;letter-spacing:.06em;">VIDEOS</div>
          </div>
          <div style="text-align:center;padding:8px 4px;background:rgba(255,255,255,.02);border-radius:6px;">
            <div style="color:var(--amber);font-weight:800;font-family:'JetBrains Mono';font-size:.95rem;">3259.9w</div>
            <div style="color:var(--text-3);font-size:.62rem;margin-top:2px;letter-spacing:.06em;">LIKES</div>
          </div>
        </div>
        <div style="padding:10px;background:rgba(255,255,255,.02);border-radius:6px;border-left:2px solid #25F4EE;">
          <div class="text-xs" style="color:var(--text-3);letter-spacing:.06em;font-family:'JetBrains Mono';margin-bottom:6px;">BEST POST</div>
          <div class="text-xs" style="line-height:1.5;min-height:2.2em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;">What Will Happen if You Stop Eating Sugar for 2 Weeks? Check out my YouTube channel to lea</div>
          <div class="text-xs text-mono" style="margin-top:6px;color:var(--text-3);display:flex;gap:10px;">
            <span style="color:#FE2C55;">♥ 131.8w</span>
            <span>▶ 1559.3w</span>
          </div>
        </div>
      </div><div class="card fade-up" style="border-left:3px solid #25F4EE;">
        <div style="display:flex;gap:12px;align-items:center;margin-bottom:12px;">
          <img src="https://p16-common-sign.tiktokcdn-us.com/tos-useast5-avt-0068-tx/7313380639435128874~tplv-tiktokx-cropcenter:1080:1080.webp?dr=9640&amp;refresh_token=f0e779a3&amp;x-expires=1776704400&amp;x-signature=8iGm6XcqO4KH%2FdzhpgXyc6efIhI%3D&amp;t=4d5b0474&amp;ps=13740610&amp;shp=a5d48078&amp;shcp=2472a6c6&amp;idc=useast5" alt="" loading="lazy" onerror="this.style.display='none'" style="width:56px;height:56px;border-radius:50%;border:1.5px solid #25F4EE;flex-shrink:0;object-fit:cover;">
          <div style="flex:1;min-width:0;">
            <div class="text-h3" style="font-size:.95rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">Dr. Joseph Salhab</div>
            <div class="text-xs text-mono" style="color:#25F4EE;margin-top:3px;">@thestomachdoc</div>
          </div>
          <span class="tag" style="background:rgba(37,244,238,.15);color:#25F4EE;border-color:rgba(37,244,238,.3);font-size:.65rem;flex-shrink:0;">✓ verified</span>
        </div>
        <div class="text-xs" style="color:var(--text-3);line-height:1.5;margin-bottom:12px;min-height:2.2em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;">The Stomach Doc Medical Doctor Gastroenterologist Gut Liver Pancreas Contact👇</div>
        <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px;">
          <div style="text-align:center;padding:8px 4px;background:rgba(255,255,255,.02);border-radius:6px;">
            <div style="color:#25F4EE;font-weight:800;font-family:'JetBrains Mono';font-size:.95rem;">211.5w</div>
            <div style="color:var(--text-3);font-size:.62rem;margin-top:2px;letter-spacing:.06em;">FOLLOWERS</div>
          </div>
          <div style="text-align:center;padding:8px 4px;background:rgba(255,255,255,.02);border-radius:6px;">
            <div style="font-weight:800;font-family:'JetBrains Mono';font-size:.95rem;">636</div>
            <div style="color:var(--text-3);font-size:.62rem;margin-top:2px;letter-spacing:.06em;">VIDEOS</div>
          </div>
          <div style="text-align:center;padding:8px 4px;background:rgba(255,255,255,.02);border-radius:6px;">
            <div style="color:var(--amber);font-weight:800;font-family:'JetBrains Mono';font-size:.95rem;">1810.2w</div>
            <div style="color:var(--text-3);font-size:.62rem;margin-top:2px;letter-spacing:.06em;">LIKES</div>
          </div>
        </div>
        <div style="padding:10px;background:rgba(255,255,255,.02);border-radius:6px;border-left:2px solid #25F4EE;">
          <div class="text-xs" style="color:var(--text-3);letter-spacing:.06em;font-family:'JetBrains Mono';margin-bottom:6px;">BEST POST</div>
          <div class="text-xs" style="line-height:1.5;min-height:2.2em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;">Find breakfast foods that won’t bloat #healthyfood #healthyrecipes #bloating #ibstok #guth</div>
          <div class="text-xs text-mono" style="margin-top:6px;color:var(--text-3);display:flex;gap:10px;">
            <span style="color:#FE2C55;">♥ 100.4w</span>
            <span>▶ 1344.0w</span>
          </div>
        </div>
      </div><div class="card fade-up" style="border-left:3px solid #25F4EE;">
        <div style="display:flex;gap:12px;align-items:center;margin-bottom:12px;">
          <img src="https://p16-common-sign.tiktokcdn-us.com/tos-useast8-avt-0068-tx2/bd71e8b21ac1276ac084a4398660bf9a~tplv-tiktokx-cropcenter:1080:1080.webp?dr=9640&amp;refresh_token=5f9cbd6c&amp;x-expires=1776704400&amp;x-signature=BGfKSOMLIp4UCqS2WSsYRmsuyrM%3D&amp;t=4d5b0474&amp;ps=13740610&amp;shp=a5d48078&amp;shcp=2472a6c6&amp;idc=useast5" alt="" loading="lazy" onerror="this.style.display='none'" style="width:56px;height:56px;border-radius:50%;border:1.5px solid #25F4EE;flex-shrink:0;object-fit:cover;">
          <div style="flex:1;min-width:0;">
            <div class="text-h3" style="font-size:.95rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">Dr. Terry Simpson, M</div>
            <div class="text-xs text-mono" style="color:#25F4EE;margin-top:3px;">@drterrysimpson</div>
          </div>
          <span class="tag" style="background:rgba(37,244,238,.15);color:#25F4EE;border-color:rgba(37,244,238,.3);font-size:.65rem;flex-shrink:0;">✓ verified</span>
        </div>
        <div class="text-xs" style="color:var(--text-3);line-height:1.5;margin-bottom:12px;min-height:2.2em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;">Slicing Through Hype: Surgeon-Backed, Science-Served Health</div>
        <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px;">
          <div style="text-align:center;padding:8px 4px;background:rgba(255,255,255,.02);border-radius:6px;">
            <div style="color:#25F4EE;font-weight:800;font-family:'JetBrains Mono';font-size:.95rem;">112.5w</div>
            <div style="color:var(--text-3);font-size:.62rem;margin-top:2px;letter-spacing:.06em;">FOLLOWERS</div>
          </div>
          <div style="text-align:center;padding:8px 4px;background:rgba(255,255,255,.02);border-radius:6px;">
            <div style="font-weight:800;font-family:'JetBrains Mono';font-size:.95rem;">1.6k</div>
            <div style="color:var(--text-3);font-size:.62rem;margin-top:2px;letter-spacing:.06em;">VIDEOS</div>
          </div>
          <div style="text-align:center;padding:8px 4px;background:rgba(255,255,255,.02);border-radius:6px;">
            <div style="color:var(--amber);font-weight:800;font-family:'JetBrains Mono';font-size:.95rem;">666.3w</div>
            <div style="color:var(--text-3);font-size:.62rem;margin-top:2px;letter-spacing:.06em;">LIKES</div>
          </div>
        </div>
        <div style="padding:10px;background:rgba(255,255,255,.02);border-radius:6px;border-left:2px solid #25F4EE;">
          <div class="text-xs" style="color:var(--text-3);letter-spacing:.06em;font-family:'JetBrains Mono';margin-bottom:6px;">BEST POST</div>
          <div class="text-xs" style="line-height:1.5;min-height:2.2em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;">Raw vs. Cooked? #weightloss #weightlosstips #FreeFreeDance #doctorsontiktok #inthistogethe</div>
          <div class="text-xs text-mono" style="margin-top:6px;color:var(--text-3);display:flex;gap:10px;">
            <span style="color:#FE2C55;">♥ 28.0w</span>
            <span>▶ 233.4w</span>
          </div>
        </div>
      </div><div class="card fade-up" style="border-left:3px solid #25F4EE;">
        <div style="display:flex;gap:12px;align-items:center;margin-bottom:12px;">
          <img src="https://p16-common-sign.tiktokcdn-us.com/tos-maliva-avt-0068/c64f24a5d40bd27beecdb4f53a90b59d~tplv-tiktokx-cropcenter:1080:1080.webp?dr=9640&amp;refresh_token=3857bd0b&amp;x-expires=1776704400&amp;x-signature=Q1%2B5ukqRISiLowSmnJrnMhfwLMw%3D&amp;t=4d5b0474&amp;ps=13740610&amp;shp=a5d48078&amp;shcp=2472a6c6&amp;idc=useast5" alt="" loading="lazy" onerror="this.style.display='none'" style="width:56px;height:56px;border-radius:50%;border:1.5px solid #25F4EE;flex-shrink:0;object-fit:cover;">
          <div style="flex:1;min-width:0;">
            <div class="text-h3" style="font-size:.95rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">LIVIA MATUTI</div>
            <div class="text-xs text-mono" style="color:#25F4EE;margin-top:3px;">@liviamatuti</div>
          </div>
          
        </div>
        <div class="text-xs" style="color:var(--text-3);line-height:1.5;margin-bottom:12px;min-height:2.2em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;">Beleza, looks &amp; amour  Jobs@liviamatuti.com SIMPLES porém IMPERIAL</div>
        <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px;">
          <div style="text-align:center;padding:8px 4px;background:rgba(255,255,255,.02);border-radius:6px;">
            <div style="color:#25F4EE;font-weight:800;font-family:'JetBrains Mono';font-size:.95rem;">76.8w</div>
            <div style="color:var(--text-3);font-size:.62rem;margin-top:2px;letter-spacing:.06em;">FOLLOWERS</div>
          </div>
          <div style="text-align:center;padding:8px 4px;background:rgba(255,255,255,.02);border-radius:6px;">
            <div style="font-weight:800;font-family:'JetBrains Mono';font-size:.95rem;">1.2k</div>
            <div style="color:var(--text-3);font-size:.62rem;margin-top:2px;letter-spacing:.06em;">VIDEOS</div>
          </div>
          <div style="text-align:center;padding:8px 4px;background:rgba(255,255,255,.02);border-radius:6px;">
            <div style="color:var(--amber);font-weight:800;font-family:'JetBrains Mono';font-size:.95rem;">1869.3w</div>
            <div style="color:var(--text-3);font-size:.62rem;margin-top:2px;letter-spacing:.06em;">LIKES</div>
          </div>
        </div>
        <div style="padding:10px;background:rgba(255,255,255,.02);border-radius:6px;border-left:2px solid #25F4EE;">
          <div class="text-xs" style="color:var(--text-3);letter-spacing:.06em;font-family:'JetBrains Mono';margin-bottom:6px;">BEST POST</div>
          <div class="text-xs" style="line-height:1.5;min-height:2.2em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;">Reforma do apto 1962! Epsodio “ Entrega” #reforma #apto1962</div>
          <div class="text-xs text-mono" style="margin-top:6px;color:var(--text-3);display:flex;gap:10px;">
            <span style="color:#FE2C55;">♥ 5.0k</span>
            <span>▶ 3.8w</span>
          </div>
        </div>
      </div>
    </div>
    
    <h3 class="text-h2 rise-in" style="margin-top:12px;margin-bottom:18px;">爆款视频 Top 9 <span class="text-xs" style="color:var(--text-3);font-weight:400;margin-left:10px;">按点赞排序 · 品类流量锚点</span></h3>
    <div class="grid grid-3" style="margin-bottom:32px;gap:16px;">
      <div class="card fade-up" style="border-left:3px solid #FE2C55;">
        <div style="display:flex;gap:10px;margin-bottom:10px;">
          <img src="https://p16-common-sign.tiktokcdn-us.com/tos-no1a-i-photomode-no/f8b0271448f44f71b628f74c6395cbff~tplv-photomode-image-cover:640:0:q70.webp?biz_tag=musically_general.pics_cover&amp;dr=12229&amp;idc=useast8&amp;ps=d5b8ac02&amp;refresh_token=5abf6819&amp;s=SEARCH&amp;sc=cover&amp;shcp=c1333099&amp;shp=d05b14bd&amp;t=5897f7ec&amp;x-expires=1777827600&amp;x-signature=zwaLp3GYdGAEBohpznu6fZwfXFI%3D" alt="" loading="lazy" onerror="this.style.display='none'" style="width:64px;height:84px;border-radius:6px;object-fit:cover;flex-shrink:0;">
          <div style="flex:1;min-width:0;">
            <div style="display:flex;gap:4px;align-items:center;margin-bottom:4px;">
              <span class="text-mono text-xs" style="color:#FE2C55;font-weight:800;">#01</span>
              <span class="text-xs" style="color:var(--text-3);opacity:.7;">· liver cleanse detox</span>
            </div>
            <div class="text-xs" style="line-height:1.5;color:var(--text-2);min-height:3em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;">All packed with nutrients that help cleanse your liver, improve digestion, and boost energy naturally: 1. Green Detox Juice Ingredients: • 1</div>
          </div>
        </div>
        <div class="text-xs text-mono" style="color:var(--text-3);border-top:1px solid rgba(255,255,255,.05);padding-top:8px;display:flex;gap:10px;flex-wrap:wrap;">
          <span style="color:#FE2C55;">♥ 17.7w</span>
          <span style="color:var(--green);">💬 1.4k</span>
          <span>▶ 468.2w</span>
          <span style="color:var(--text-3);">↗ 4.2w</span>
        </div>
        <div class="text-xs" style="color:var(--text-3);margin-top:6px;display:flex;align-items:center;gap:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;">
          <span style="color:#25F4EE;">@ayads.kitchen</span>
          <span>· 6.5w粉</span>
          
        </div>
        <div style="margin-top:6px;display:flex;flex-wrap:wrap;gap:4px;">
          <span class="text-xs" style="color:#25F4EE;opacity:.8;">#recipe</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#juice</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#detox</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#detoxjuice</span>
        </div>
      </div><div class="card fade-up" style="border-left:3px solid #FE2C55;">
        <div style="display:flex;gap:10px;margin-bottom:10px;">
          <img src="https://p16-common-sign.tiktokcdn-us.com/tos-alisg-i-photomode-sg/47cd6317590a4f639af41835b2b81521~tplv-photomode-image-cover:640:0:q70.webp?biz_tag=musically_general.pics_cover&amp;dr=12229&amp;idc=useast8&amp;ps=d5b8ac02&amp;refresh_token=01ddfad3&amp;s=SEARCH&amp;sc=cover&amp;shcp=c1333099&amp;shp=d05b14bd&amp;t=5897f7ec&amp;x-expires=1777827600&amp;x-signature=loUwNG7j1UjIRGKsLAfoWAUMlHg%3D" alt="" loading="lazy" onerror="this.style.display='none'" style="width:64px;height:84px;border-radius:6px;object-fit:cover;flex-shrink:0;">
          <div style="flex:1;min-width:0;">
            <div style="display:flex;gap:4px;align-items:center;margin-bottom:4px;">
              <span class="text-mono text-xs" style="color:#FE2C55;font-weight:800;">#02</span>
              <span class="text-xs" style="color:var(--text-3);opacity:.7;">· liver cleanse detox</span>
            </div>
            <div class="text-xs" style="line-height:1.5;color:var(--text-2);min-height:3em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;">Looking for a natural way to heal your liver and kidneys? This powerful detox smoothie helps fush out toxins and reduce inflammation. #detox</div>
          </div>
        </div>
        <div class="text-xs text-mono" style="color:var(--text-3);border-top:1px solid rgba(255,255,255,.05);padding-top:8px;display:flex;gap:10px;flex-wrap:wrap;">
          <span style="color:#FE2C55;">♥ 6.3w</span>
          <span style="color:var(--green);">💬 347</span>
          <span>▶ 137.7w</span>
          <span style="color:var(--text-3);">↗ 1.1w</span>
        </div>
        <div class="text-xs" style="color:var(--text-3);margin-top:6px;display:flex;align-items:center;gap:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;">
          <span style="color:#25F4EE;">@makhofit</span>
          <span>· 1.9w粉</span>
          
        </div>
        <div style="margin-top:6px;display:flex;flex-wrap:wrap;gap:4px;">
          <span class="text-xs" style="color:#25F4EE;opacity:.8;">#detox</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#liverdetox</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#kidneyhealth</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#naturalremedies</span>
        </div>
      </div><div class="card fade-up" style="border-left:3px solid #FE2C55;">
        <div style="display:flex;gap:10px;margin-bottom:10px;">
          <img src="https://p16-common-sign.tiktokcdn-us.com/tos-useast8-p-0068-tx2/oMB4A8yyZiz08EfBEpiB8lf1IHhoAjBbEVLjdR~tplv-tiktokx-cropcenter:500:800.jpeg?biz_tag=musically_general.video_cover&amp;dr=9638&amp;idc=useast8&amp;ps=13740610&amp;refresh_token=abb4ff16&amp;shcp=9b759fb9&amp;shp=c1333099&amp;t=4d5b0474&amp;x-expires=1776553200&amp;x-signature=g2SBYVDNZJM2TFW0Yte0xadgAHg%3D" alt="" loading="lazy" onerror="this.style.display='none'" style="width:64px;height:84px;border-radius:6px;object-fit:cover;flex-shrink:0;">
          <div style="flex:1;min-width:0;">
            <div style="display:flex;gap:4px;align-items:center;margin-bottom:4px;">
              <span class="text-mono text-xs" style="color:#FE2C55;font-weight:800;">#03</span>
              <span class="text-xs" style="color:var(--text-3);opacity:.7;">· liver cleanse detox</span>
            </div>
            <div class="text-xs" style="line-height:1.5;color:var(--text-2);min-height:3em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;">Revitalize your liver with this simple Chinese morning ritual!🍋🍵 #health #usa #detox</div>
          </div>
        </div>
        <div class="text-xs text-mono" style="color:var(--text-3);border-top:1px solid rgba(255,255,255,.05);padding-top:8px;display:flex;gap:10px;flex-wrap:wrap;">
          <span style="color:#FE2C55;">♥ 4.8w</span>
          <span style="color:var(--green);">💬 673</span>
          <span>▶ 132.2w</span>
          <span style="color:var(--text-3);">↗ 2.2w</span>
        </div>
        <div class="text-xs" style="color:var(--text-3);margin-top:6px;display:flex;align-items:center;gap:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;">
          <span style="color:#25F4EE;">@chenwei674</span>
          <span>· 4.7w粉</span>
          
        </div>
        <div style="margin-top:6px;display:flex;flex-wrap:wrap;gap:4px;">
          <span class="text-xs" style="color:#25F4EE;opacity:.8;">#health</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#usa</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#detox</span>
        </div>
      </div><div class="card fade-up" style="border-left:3px solid #25F4EE;">
        <div style="display:flex;gap:10px;margin-bottom:10px;">
          <img src="https://p16-common-sign.tiktokcdn-us.com/tos-useast5-p-0068-tx/oUTk6CnmIDBDyvGzbEAgQeIeCRSGCunElVzRSI~tplv-tiktokx-cropcenter:500:800.jpeg?biz_tag=musically_general.video_cover&amp;dr=9638&amp;idc=useast8&amp;ps=13740610&amp;refresh_token=8efd15cb&amp;shcp=9b759fb9&amp;shp=c1333099&amp;t=4d5b0474&amp;x-expires=1776553200&amp;x-signature=L70bFYN0rBRvgIHhrIB1EgjRUdM%3D" alt="" loading="lazy" onerror="this.style.display='none'" style="width:64px;height:84px;border-radius:6px;object-fit:cover;flex-shrink:0;">
          <div style="flex:1;min-width:0;">
            <div style="display:flex;gap:4px;align-items:center;margin-bottom:4px;">
              <span class="text-mono text-xs" style="color:#25F4EE;font-weight:800;">#04</span>
              <span class="text-xs" style="color:var(--text-3);opacity:.7;">· liver cleanse detox</span>
            </div>
            <div class="text-xs" style="line-height:1.5;color:var(--text-2);min-height:3em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;">Cleanse LIVER in Morning! Dr. Mandell</div>
          </div>
        </div>
        <div class="text-xs text-mono" style="color:var(--text-3);border-top:1px solid rgba(255,255,255,.05);padding-top:8px;display:flex;gap:10px;flex-wrap:wrap;">
          <span style="color:#FE2C55;">♥ 4.8w</span>
          <span style="color:var(--green);">💬 622</span>
          <span>▶ 196.9w</span>
          <span style="color:var(--text-3);">↗ 1.2w</span>
        </div>
        <div class="text-xs" style="color:var(--text-3);margin-top:6px;display:flex;align-items:center;gap:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;">
          <span style="color:#25F4EE;">@motivationaldoc</span>
          <span>· 344.2w粉</span>
          
        </div>
        
      </div><div class="card fade-up" style="border-left:3px solid #25F4EE;">
        <div style="display:flex;gap:10px;margin-bottom:10px;">
          <img src="https://p16-common-sign.tiktokcdn-us.com/tos-useast5-p-0068-tx/9d85678e2bf24de2b3ddb22c21e842f1~tplv-tiktokx-cropcenter:500:800.jpeg?biz_tag=musically_general.video_cover&amp;dr=9638&amp;idc=useast8&amp;ps=13740610&amp;refresh_token=9b456ff9&amp;shcp=9b759fb9&amp;shp=c1333099&amp;t=4d5b0474&amp;x-expires=1776553200&amp;x-signature=yRx8aKLyztjFNkwpFbhHkpOG5eo%3D" alt="" loading="lazy" onerror="this.style.display='none'" style="width:64px;height:84px;border-radius:6px;object-fit:cover;flex-shrink:0;">
          <div style="flex:1;min-width:0;">
            <div style="display:flex;gap:4px;align-items:center;margin-bottom:4px;">
              <span class="text-mono text-xs" style="color:#25F4EE;font-weight:800;">#05</span>
              <span class="text-xs" style="color:var(--text-3);opacity:.7;">· liver cleanse detox</span>
            </div>
            <div class="text-xs" style="line-height:1.5;color:var(--text-2);min-height:3em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;">YOUR LIVER…LIVER CLEANSE, LIVER DETOX, FATTY LIVER…ALL THINGS LIVER! PART 1 #liverdetox #liver #functionalmedicine #liversupport #viral #tre</div>
          </div>
        </div>
        <div class="text-xs text-mono" style="color:var(--text-3);border-top:1px solid rgba(255,255,255,.05);padding-top:8px;display:flex;gap:10px;flex-wrap:wrap;">
          <span style="color:#FE2C55;">♥ 2.8w</span>
          <span style="color:var(--green);">💬 464</span>
          <span>▶ 87.2w</span>
          <span style="color:var(--text-3);">↗ 2.3k</span>
        </div>
        <div class="text-xs" style="color:var(--text-3);margin-top:6px;display:flex;align-items:center;gap:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;">
          <span style="color:#25F4EE;">@drmichaelljohnson1</span>
          <span>· 72.0w粉</span>
          
        </div>
        <div style="margin-top:6px;display:flex;flex-wrap:wrap;gap:4px;">
          <span class="text-xs" style="color:#25F4EE;opacity:.8;">#liverdetox</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#liver</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#functionalmedicine</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#liversupport</span>
        </div>
      </div><div class="card fade-up" style="border-left:3px solid #25F4EE;">
        <div style="display:flex;gap:10px;margin-bottom:10px;">
          <img src="https://p16-common-sign.tiktokcdn-us.com/tos-useast8-p-0068-tx2/oMcReFEoJGjEOVVLEuPUZmAEDfAmFEDwBBbmWI~tplv-tiktokx-cropcenter:500:800.jpeg?biz_tag=musically_general.video_cover&amp;dr=9638&amp;idc=useast8&amp;ps=13740610&amp;refresh_token=161542f9&amp;shcp=9b759fb9&amp;shp=c1333099&amp;t=4d5b0474&amp;x-expires=1776553200&amp;x-signature=rWIpL%2BCblTBTrsgiileIQ%2BeN%2Fr8%3D" alt="" loading="lazy" onerror="this.style.display='none'" style="width:64px;height:84px;border-radius:6px;object-fit:cover;flex-shrink:0;">
          <div style="flex:1;min-width:0;">
            <div style="display:flex;gap:4px;align-items:center;margin-bottom:4px;">
              <span class="text-mono text-xs" style="color:#25F4EE;font-weight:800;">#06</span>
              <span class="text-xs" style="color:var(--text-3);opacity:.7;">· liver cleanse detox</span>
            </div>
            <div class="text-xs" style="line-height:1.5;color:var(--text-2);min-height:3em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;">The best liver cleanse #liver #fattyliver #livercleanse #healthtips #gallbladder #healthytips #antioxidants</div>
          </div>
        </div>
        <div class="text-xs text-mono" style="color:var(--text-3);border-top:1px solid rgba(255,255,255,.05);padding-top:8px;display:flex;gap:10px;flex-wrap:wrap;">
          <span style="color:#FE2C55;">♥ 2.2w</span>
          <span style="color:var(--green);">💬 451</span>
          <span>▶ 68.8w</span>
          <span style="color:var(--text-3);">↗ 1.7k</span>
        </div>
        <div class="text-xs" style="color:var(--text-3);margin-top:6px;display:flex;align-items:center;gap:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;">
          <span style="color:#25F4EE;">@thestomachdoc</span>
          <span>· 211.5w粉</span>
          <span style="color:var(--amber);">✓</span>
        </div>
        <div style="margin-top:6px;display:flex;flex-wrap:wrap;gap:4px;">
          <span class="text-xs" style="color:#25F4EE;opacity:.8;">#liver</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#fattyliver</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#livercleanse</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#healthtips</span>
        </div>
      </div><div class="card fade-up" style="border-left:3px solid #25F4EE;">
        <div style="display:flex;gap:10px;margin-bottom:10px;">
          <img src="https://p19-common-sign.tiktokcdn-us.com/tos-useast8-p-0068-tx2/o0VIbiPDZnRAwDmEsSMVEbERHBg49bLyO5AiB~tplv-tiktokx-cropcenter:500:800.jpeg?biz_tag=musically_general.video_cover&amp;dr=9638&amp;idc=useast8&amp;ps=13740610&amp;refresh_token=6c060d53&amp;shcp=9b759fb9&amp;shp=c1333099&amp;t=4d5b0474&amp;x-expires=1776553200&amp;x-signature=5aA68uq7Sh8CCICvTqYqh1pTGmk%3D" alt="" loading="lazy" onerror="this.style.display='none'" style="width:64px;height:84px;border-radius:6px;object-fit:cover;flex-shrink:0;">
          <div style="flex:1;min-width:0;">
            <div style="display:flex;gap:4px;align-items:center;margin-bottom:4px;">
              <span class="text-mono text-xs" style="color:#25F4EE;font-weight:800;">#07</span>
              <span class="text-xs" style="color:var(--text-3);opacity:.7;">· milk thistle</span>
            </div>
            <div class="text-xs" style="line-height:1.5;color:var(--text-2);min-height:3em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;"></div>
          </div>
        </div>
        <div class="text-xs text-mono" style="color:var(--text-3);border-top:1px solid rgba(255,255,255,.05);padding-top:8px;display:flex;gap:10px;flex-wrap:wrap;">
          <span style="color:#FE2C55;">♥ 1.5w</span>
          <span style="color:var(--green);">💬 343</span>
          <span>▶ 30.1w</span>
          <span style="color:var(--text-3);">↗ 2.6k</span>
        </div>
        <div class="text-xs" style="color:var(--text-3);margin-top:6px;display:flex;align-items:center;gap:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;">
          <span style="color:#25F4EE;">@integritygrowthgardens</span>
          <span>· 1.1w粉</span>
          
        </div>
        <div style="margin-top:6px;display:flex;flex-wrap:wrap;gap:4px;">
          <span class="text-xs" style="color:#25F4EE;opacity:.8;">#milkthistle</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#alcohol</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#liver</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#liverhealth</span>
        </div>
      </div><div class="card fade-up" style="border-left:3px solid #25F4EE;">
        <div style="display:flex;gap:10px;margin-bottom:10px;">
          <img src="https://p16-common-sign.tiktokcdn-us.com/tos-useast5-p-0068-tx/os2EAuM6IAPfWdErek8CjcPebyb0FwIcAQHxVB~tplv-tiktokx-cropcenter:500:800.jpeg?biz_tag=musically_general.video_cover&amp;dr=9638&amp;idc=useast8&amp;ps=13740610&amp;refresh_token=866a4777&amp;shcp=9b759fb9&amp;shp=c1333099&amp;t=4d5b0474&amp;x-expires=1776553200&amp;x-signature=%2F6F90DOED2ggDomLQxrxial5z1k%3D" alt="" loading="lazy" onerror="this.style.display='none'" style="width:64px;height:84px;border-radius:6px;object-fit:cover;flex-shrink:0;">
          <div style="flex:1;min-width:0;">
            <div style="display:flex;gap:4px;align-items:center;margin-bottom:4px;">
              <span class="text-mono text-xs" style="color:#25F4EE;font-weight:800;">#08</span>
              <span class="text-xs" style="color:var(--text-3);opacity:.7;">· milk thistle</span>
            </div>
            <div class="text-xs" style="line-height:1.5;color:var(--text-2);min-height:3em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;">Milk Thistle is commonly over looked as a weed, but is amazing for liver detox. Wait until the flower from the plant blooms, dry the flower,</div>
          </div>
        </div>
        <div class="text-xs text-mono" style="color:var(--text-3);border-top:1px solid rgba(255,255,255,.05);padding-top:8px;display:flex;gap:10px;flex-wrap:wrap;">
          <span style="color:#FE2C55;">♥ 1.3w</span>
          <span style="color:var(--green);">💬 292</span>
          <span>▶ 25.3w</span>
          <span style="color:var(--text-3);">↗ 2.1k</span>
        </div>
        <div class="text-xs" style="color:var(--text-3);margin-top:6px;display:flex;align-items:center;gap:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;">
          <span style="color:#25F4EE;">@organicelectroculture</span>
          <span>· 2.5w粉</span>
          
        </div>
        <div style="margin-top:6px;display:flex;flex-wrap:wrap;gap:4px;">
          <span class="text-xs" style="color:#25F4EE;opacity:.8;">#electroculture</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#milkthistle</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#weedsareflowerstoo</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#edibleweeds</span>
        </div>
      </div><div class="card fade-up" style="border-left:3px solid #25F4EE;">
        <div style="display:flex;gap:10px;margin-bottom:10px;">
          <img src="https://p16-common-sign.tiktokcdn-us.com/tos-useast5-p-0068-tx/owcbgbgBBV4EzAvi9LJZimDEnNmG4jrMDBIJU~tplv-tiktokx-cropcenter:500:800.jpeg?biz_tag=musically_general.video_cover&amp;dr=9638&amp;idc=useast8&amp;ps=13740610&amp;refresh_token=90592d54&amp;shcp=9b759fb9&amp;shp=c1333099&amp;t=4d5b0474&amp;x-expires=1776553200&amp;x-signature=eFrYLmM3YC7%2B98JQCsBvKS1WYbA%3D" alt="" loading="lazy" onerror="this.style.display='none'" style="width:64px;height:84px;border-radius:6px;object-fit:cover;flex-shrink:0;">
          <div style="flex:1;min-width:0;">
            <div style="display:flex;gap:4px;align-items:center;margin-bottom:4px;">
              <span class="text-mono text-xs" style="color:#25F4EE;font-weight:800;">#09</span>
              <span class="text-xs" style="color:var(--text-3);opacity:.7;">· liver support supplement</span>
            </div>
            <div class="text-xs" style="line-height:1.5;color:var(--text-2);min-height:3em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;">The BEST liver support supplement with ingredients that improve liver detoxification, bile production, and liver function is @Cymbiotika Liv</div>
          </div>
        </div>
        <div class="text-xs text-mono" style="color:var(--text-3);border-top:1px solid rgba(255,255,255,.05);padding-top:8px;display:flex;gap:10px;flex-wrap:wrap;">
          <span style="color:#FE2C55;">♥ 1.2w</span>
          <span style="color:var(--green);">💬 193</span>
          <span>▶ 247.7w</span>
          <span style="color:var(--text-3);">↗ 1.9k</span>
        </div>
        <div class="text-xs" style="color:var(--text-3);margin-top:6px;display:flex;align-items:center;gap:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;">
          <span style="color:#25F4EE;">@thewellnesspharm</span>
          <span>· 30.2w粉</span>
          
        </div>
        <div style="margin-top:6px;display:flex;flex-wrap:wrap;gap:4px;">
          <span class="text-xs" style="color:#25F4EE;opacity:.8;">#supplementsforliverhealth</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#liversupplement</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#milkthistle</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#wellnesstok</span>
        </div>
      </div>
    </div>
    
    <h3 class="text-h2 rise-in" style="margin-top:12px;margin-bottom:18px;">📣 海外用户原声 Top 12</h3>
    <div class="voice-wall" style="margin-bottom:32px;">
      <div class="voice-card hot fade-up">
        <p class="voice-content">please allow me to save I have bad gut health</p>
        <div class="voice-meta">
          <span>Gotta love tuduetso  · BW</span>
          <span class="voice-likes">♥ 497</span>
        </div>
      </div><div class="voice-card hot fade-up">
        <p class="voice-content">I know they. Didn&#39;t teach you this in medical school. The liver flush with Olive oil. and lemon juice works.</p>
        <div class="voice-meta">
          <span>caroleemerrill · US</span>
          <span class="voice-likes">♥ 381</span>
        </div>
      </div><div class="voice-card hot fade-up">
        <p class="voice-content">my am drink is ginger 🫚 lemon 🍋 and apple cyder and I drink it warm</p>
        <div class="voice-meta">
          <span>Eduardo Romero 🫦 · US</span>
          <span class="voice-likes">♥ 311</span>
        </div>
      </div><div class="voice-card  fade-up">
        <p class="voice-content">Rubbing alcohol cleans the outside and drinking alcohol cleans the insides, its math</p>
        <div class="voice-meta">
          <span>Mr Awesomesauce · US</span>
          <span class="voice-likes">♥ 274</span>
        </div>
      </div><div class="voice-card  fade-up">
        <p class="voice-content">Half cup of pineapple,jicama,grapefruit,blueberries,papaya,handful of spinach,a whole lemon,1/4 tsp of turmeric 1/4 tsp ginger,3cups of water, and a oikos yougurt. Thank me later ♥️IT WORKS!</p>
        <div class="voice-meta">
          <span>Bertha💕 · US</span>
          <span class="voice-likes">♥ 244</span>
        </div>
      </div><div class="voice-card  fade-up">
        <p class="voice-content">our poor organs have to do so much</p>
        <div class="voice-meta">
          <span>Tina · GB</span>
          <span class="voice-likes">♥ 206</span>
        </div>
      </div><div class="voice-card  fade-up">
        <p class="voice-content">What about milk thistle and dandelions supplements?</p>
        <div class="voice-meta">
          <span>Eyeuhhhh · US</span>
          <span class="voice-likes">♥ 182</span>
        </div>
      </div><div class="voice-card  fade-up">
        <p class="voice-content">NAC, burdock root, dandelion root, milk thistle, sarsaparilla, etc</p>
        <div class="voice-meta">
          <span>🦧 · US</span>
          <span class="voice-likes">♥ 165</span>
        </div>
      </div><div class="voice-card  fade-up">
        <p class="voice-content">Having stage 4 liver failure. This won’t work. Man did I mess up at young age.😔</p>
        <div class="voice-meta">
          <span>Jayson · US</span>
          <span class="voice-likes">♥ 147</span>
        </div>
      </div><div class="voice-card  fade-up">
        <p class="voice-content">what is cmgn</p>
        <div class="voice-meta">
          <span>ponchang · PH</span>
          <span class="voice-likes">♥ 115</span>
        </div>
      </div><div class="voice-card  fade-up">
        <p class="voice-content">A garlic a day keeps the doctor away</p>
        <div class="voice-meta">
          <span>TikLam · CY</span>
          <span class="voice-likes">♥ 115</span>
        </div>
      </div><div class="voice-card  fade-up">
        <p class="voice-content">Eating Mediterranean and healthy no processed foods</p>
        <div class="voice-meta">
          <span>truff8882 · US</span>
          <span class="voice-likes">♥ 108</span>
        </div>
      </div>
    </div>
    
    <div class="grid grid-2" style="margin-bottom:32px;gap:24px;">
      <div class="card fade-up" style="border-left:3px solid #25F4EE;">
        <div class="text-mono text-xs" style="color:#25F4EE;letter-spacing:.12em;">HASHTAG FREQUENCY</div>
        <h3 class="text-h3" style="margin-top:8px;margin-bottom:14px;">Top 16 热门标签</h3>
        <div style="display:flex;flex-wrap:wrap;gap:8px;">
          <span style="background:rgba(37,244,238,.08);border:1px solid rgba(37,244,238,.25);color:#FE2C55;padding:6px 12px;border-radius:20px;font-size:1.1rem;font-family:'JetBrains Mono';font-weight:800;opacity:1;">
                #liverhealth <span style="color:var(--text-3);font-size:.7rem;margin-left:4px;">19</span>
              </span><span style="background:rgba(37,244,238,.08);border:1px solid rgba(37,244,238,.25);color:#FE2C55;padding:6px 12px;border-radius:20px;font-size:1.1rem;font-family:'JetBrains Mono';font-weight:800;opacity:1;">
                #milkthistle <span style="color:var(--text-3);font-size:.7rem;margin-left:4px;">18</span>
              </span><span style="background:rgba(37,244,238,.08);border:1px solid rgba(37,244,238,.25);color:#FE2C55;padding:6px 12px;border-radius:20px;font-size:1.1rem;font-family:'JetBrains Mono';font-weight:800;opacity:1;">
                #fyp <span style="color:var(--text-3);font-size:.7rem;margin-left:4px;">14</span>
              </span><span style="background:rgba(37,244,238,.08);border:1px solid rgba(37,244,238,.25);color:#25F4EE;padding:6px 12px;border-radius:20px;font-size:.95rem;font-family:'JetBrains Mono';font-weight:600;opacity:0.85;">
                #liver <span style="color:var(--text-3);font-size:.7rem;margin-left:4px;">14</span>
              </span><span style="background:rgba(37,244,238,.08);border:1px solid rgba(37,244,238,.25);color:#25F4EE;padding:6px 12px;border-radius:20px;font-size:.95rem;font-family:'JetBrains Mono';font-weight:600;opacity:0.85;">
                #health <span style="color:var(--text-3);font-size:.7rem;margin-left:4px;">13</span>
              </span><span style="background:rgba(37,244,238,.08);border:1px solid rgba(37,244,238,.25);color:#25F4EE;padding:6px 12px;border-radius:20px;font-size:.95rem;font-family:'JetBrains Mono';font-weight:600;opacity:0.85;">
                #liversupport <span style="color:var(--text-3);font-size:.7rem;margin-left:4px;">10</span>
              </span><span style="background:rgba(37,244,238,.08);border:1px solid rgba(37,244,238,.25);color:#25F4EE;padding:6px 12px;border-radius:20px;font-size:.95rem;font-family:'JetBrains Mono';font-weight:600;opacity:0.85;">
                #liverdetox <span style="color:var(--text-3);font-size:.7rem;margin-left:4px;">10</span>
              </span><span style="background:rgba(37,244,238,.08);border:1px solid rgba(37,244,238,.25);color:#25F4EE;padding:6px 12px;border-radius:20px;font-size:.95rem;font-family:'JetBrains Mono';font-weight:600;opacity:0.85;">
                #healthtips <span style="color:var(--text-3);font-size:.7rem;margin-left:4px;">10</span>
              </span><span style="background:rgba(37,244,238,.08);border:1px solid rgba(37,244,238,.25);color:#25F4EE;padding:6px 12px;border-radius:20px;font-size:.85rem;font-family:'JetBrains Mono';font-weight:600;opacity:0.85;">
                #fattyliver <span style="color:var(--text-3);font-size:.7rem;margin-left:4px;">9</span>
              </span><span style="background:rgba(37,244,238,.08);border:1px solid rgba(37,244,238,.25);color:#25F4EE;padding:6px 12px;border-radius:20px;font-size:.85rem;font-family:'JetBrains Mono';font-weight:600;opacity:0.85;">
                #silymarin <span style="color:var(--text-3);font-size:.7rem;margin-left:4px;">8</span>
              </span><span style="background:rgba(37,244,238,.08);border:1px solid rgba(37,244,238,.25);color:#25F4EE;padding:6px 12px;border-radius:20px;font-size:.85rem;font-family:'JetBrains Mono';font-weight:600;opacity:0.85;">
                #healthylifestyle <span style="color:var(--text-3);font-size:.7rem;margin-left:4px;">7</span>
              </span><span style="background:rgba(37,244,238,.08);border:1px solid rgba(37,244,238,.25);color:#25F4EE;padding:6px 12px;border-radius:20px;font-size:.85rem;font-family:'JetBrains Mono';font-weight:600;opacity:0.85;">
                #livercleanse <span style="color:var(--text-3);font-size:.7rem;margin-left:4px;">7</span>
              </span><span style="background:rgba(37,244,238,.08);border:1px solid rgba(37,244,238,.25);color:#25F4EE;padding:6px 12px;border-radius:20px;font-size:.85rem;font-family:'JetBrains Mono';font-weight:600;opacity:0.85;">
                #detox <span style="color:var(--text-3);font-size:.7rem;margin-left:4px;">7</span>
              </span><span style="background:rgba(37,244,238,.08);border:1px solid rgba(37,244,238,.25);color:#25F4EE;padding:6px 12px;border-radius:20px;font-size:.85rem;font-family:'JetBrains Mono';font-weight:600;opacity:0.85;">
                #healthy <span style="color:var(--text-3);font-size:.7rem;margin-left:4px;">6</span>
              </span><span style="background:rgba(37,244,238,.08);border:1px solid rgba(37,244,238,.25);color:#25F4EE;padding:6px 12px;border-radius:20px;font-size:.85rem;font-family:'JetBrains Mono';font-weight:600;opacity:0.85;">
                #supplements <span style="color:var(--text-3);font-size:.7rem;margin-left:4px;">5</span>
              </span><span style="background:rgba(37,244,238,.08);border:1px solid rgba(37,244,238,.25);color:#25F4EE;padding:6px 12px;border-radius:20px;font-size:.85rem;font-family:'JetBrains Mono';font-weight:600;opacity:0.85;">
                #wellness <span style="color:var(--text-3);font-size:.7rem;margin-left:4px;">5</span>
              </span>
        </div>
      </div>
      <div class="card fade-up" style="border-left:3px solid var(--amber);">
        <div class="text-mono text-xs text-amber" style="letter-spacing:.12em;">REGION MIX</div>
        <h3 class="text-h3" style="margin-top:8px;margin-bottom:14px;">创作者地区分布</h3>
        <div style="display:flex;flex-direction:column;gap:8px;">
          <div style="display:grid;grid-template-columns:90px 1fr auto;gap:10px;align-items:center;">
                <div class="text-xs text-mono" style="color:var(--text-2);">US</div>
                <div style="background:rgba(255,255,255,.06);border-radius:4px;height:10px;overflow:hidden;">
                  <div style="width:62%;height:100%;background:#25F4EE;border-radius:4px;"></div>
                </div>
                <div class="text-xs text-mono" style="color:var(--text-3);min-width:60px;text-align:right;">51 · 62%</div>
              </div><div style="display:grid;grid-template-columns:90px 1fr auto;gap:10px;align-items:center;">
                <div class="text-xs text-mono" style="color:var(--text-2);">PH</div>
                <div style="background:rgba(255,255,255,.06);border-radius:4px;height:10px;overflow:hidden;">
                  <div style="width:6%;height:100%;background:#25F4EE;border-radius:4px;"></div>
                </div>
                <div class="text-xs text-mono" style="color:var(--text-3);min-width:60px;text-align:right;">5 · 6%</div>
              </div><div style="display:grid;grid-template-columns:90px 1fr auto;gap:10px;align-items:center;">
                <div class="text-xs text-mono" style="color:var(--text-2);">CA</div>
                <div style="background:rgba(255,255,255,.06);border-radius:4px;height:10px;overflow:hidden;">
                  <div style="width:6%;height:100%;background:#25F4EE;border-radius:4px;"></div>
                </div>
                <div class="text-xs text-mono" style="color:var(--text-3);min-width:60px;text-align:right;">5 · 6%</div>
              </div><div style="display:grid;grid-template-columns:90px 1fr auto;gap:10px;align-items:center;">
                <div class="text-xs text-mono" style="color:var(--text-2);">GB</div>
                <div style="background:rgba(255,255,255,.06);border-radius:4px;height:10px;overflow:hidden;">
                  <div style="width:4%;height:100%;background:#25F4EE;border-radius:4px;"></div>
                </div>
                <div class="text-xs text-mono" style="color:var(--text-3);min-width:60px;text-align:right;">3 · 4%</div>
              </div><div style="display:grid;grid-template-columns:90px 1fr auto;gap:10px;align-items:center;">
                <div class="text-xs text-mono" style="color:var(--text-2);">SG</div>
                <div style="background:rgba(255,255,255,.06);border-radius:4px;height:10px;overflow:hidden;">
                  <div style="width:2%;height:100%;background:#25F4EE;border-radius:4px;"></div>
                </div>
                <div class="text-xs text-mono" style="color:var(--text-3);min-width:60px;text-align:right;">2 · 2%</div>
              </div><div style="display:grid;grid-template-columns:90px 1fr auto;gap:10px;align-items:center;">
                <div class="text-xs text-mono" style="color:var(--text-2);">NG</div>
                <div style="background:rgba(255,255,255,.06);border-radius:4px;height:10px;overflow:hidden;">
                  <div style="width:2%;height:100%;background:#25F4EE;border-radius:4px;"></div>
                </div>
                <div class="text-xs text-mono" style="color:var(--text-3);min-width:60px;text-align:right;">2 · 2%</div>
              </div><div style="display:grid;grid-template-columns:90px 1fr auto;gap:10px;align-items:center;">
                <div class="text-xs text-mono" style="color:var(--text-2);">ZA</div>
                <div style="background:rgba(255,255,255,.06);border-radius:4px;height:10px;overflow:hidden;">
                  <div style="width:2%;height:100%;background:#25F4EE;border-radius:4px;"></div>
                </div>
                <div class="text-xs text-mono" style="color:var(--text-3);min-width:60px;text-align:right;">2 · 2%</div>
              </div><div style="display:grid;grid-template-columns:90px 1fr auto;gap:10px;align-items:center;">
                <div class="text-xs text-mono" style="color:var(--text-2);">VN</div>
                <div style="background:rgba(255,255,255,.06);border-radius:4px;height:10px;overflow:hidden;">
                  <div style="width:2%;height:100%;background:#25F4EE;border-radius:4px;"></div>
                </div>
                <div class="text-xs text-mono" style="color:var(--text-3);min-width:60px;text-align:right;">2 · 2%</div>
              </div>
        </div>
      </div>
    </div>
    
    <h3 class="text-h2 rise-in" style="margin-top:12px;margin-bottom:18px;">🏷 品类头部账号 <span class="text-xs" style="color:var(--text-3);font-weight:400;margin-left:10px;">来自 TikTok 用户搜索 · 可作为 B 侧合作 / 学习对象</span></h3>
    <div class="grid grid-3" style="margin-bottom:32px;gap:12px;">
      <div class="card fade-up" style="padding:14px;">
        <div style="display:flex;gap:10px;align-items:center;">
          <img src="https://p16-common-sign.tiktokcdn-us.com/tos-maliva-avt-0068/029c48f1f25c9e87c701ecff10302111~tplv-tiktokx-cropcenter:100:100.webp?biz_tag=tiktok_user.user_cover&amp;dr=9640&amp;idc=useast8&amp;ps=13740610&amp;refresh_token=0784508d&amp;shcp=c1333099&amp;shp=30310797&amp;t=4d5b0474&amp;x-expires=1776618000&amp;x-signature=ZrQMVxsKhI1ktB%2FsIHtmDO7Jhvc%3D" alt="" loading="lazy" onerror="this.style.display='none'" style="width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;">
          <div style="flex:1;min-width:0;">
            <div class="text-sm" style="font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">Milk Thistle | Ang</div>
            <div class="text-xs text-mono" style="color:#25F4EE;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">@milk_thistle</div>
          </div>
          <div style="text-align:right;flex-shrink:0;">
            <div class="text-xs text-mono" style="color:#25F4EE;font-weight:800;">23.1w</div>
            <div class="text-xs" style="color:var(--text-3);font-size:.65rem;">粉丝</div>
          </div>
        </div>
      </div><div class="card fade-up" style="padding:14px;">
        <div style="display:flex;gap:10px;align-items:center;">
          <img src="https://p16-common-sign.tiktokcdn-us.com/tos-useast8-avt-0068-tx2/03b973bc17b6591edd23d8a37320a14c~tplv-tiktokx-cropcenter:100:100.webp?biz_tag=tiktok_user.user_cover&amp;dr=9640&amp;idc=useast8&amp;ps=13740610&amp;refresh_token=544d7f02&amp;shcp=c1333099&amp;shp=30310797&amp;t=4d5b0474&amp;x-expires=1776618000&amp;x-signature=Sn11PjI1jObJ4vqWjBbnPxZ6JA8%3D" alt="" loading="lazy" onerror="this.style.display='none'" style="width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;">
          <div style="flex:1;min-width:0;">
            <div class="text-sm" style="font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">Milk Thistle Sewin</div>
            <div class="text-xs text-mono" style="color:#25F4EE;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">@milk_thistle_sewing_</div>
          </div>
          <div style="text-align:right;flex-shrink:0;">
            <div class="text-xs text-mono" style="color:#25F4EE;font-weight:800;">2.4k</div>
            <div class="text-xs" style="color:var(--text-3);font-size:.65rem;">粉丝</div>
          </div>
        </div>
      </div><div class="card fade-up" style="padding:14px;">
        <div style="display:flex;gap:10px;align-items:center;">
          <img src="https://p16-common-sign.tiktokcdn-us.com/tos-alisg-avt-0068/18a50dfd614b14ac5f4c35820d44ffb1~tplv-tiktokx-cropcenter:100:100.webp?biz_tag=tiktok_user.user_cover&amp;dr=9640&amp;idc=useast8&amp;ps=13740610&amp;refresh_token=22e0687c&amp;shcp=c1333099&amp;shp=30310797&amp;t=4d5b0474&amp;x-expires=1776618000&amp;x-signature=KMP85gILVRFdFGmKoV86xJcfGMY%3D" alt="" loading="lazy" onerror="this.style.display='none'" style="width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;">
          <div style="flex:1;min-width:0;">
            <div class="text-sm" style="font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">MilkThistle</div>
            <div class="text-xs text-mono" style="color:#25F4EE;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">@milkthistle32</div>
          </div>
          <div style="text-align:right;flex-shrink:0;">
            <div class="text-xs text-mono" style="color:#25F4EE;font-weight:800;">2.1k</div>
            <div class="text-xs" style="color:var(--text-3);font-size:.65rem;">粉丝</div>
          </div>
        </div>
      </div><div class="card fade-up" style="padding:14px;">
        <div style="display:flex;gap:10px;align-items:center;">
          <img src="https://p16-common-sign.tiktokcdn-us.com/tos-maliva-avt-0068/03d48b07362de28efee7cd3f89821d4c~tplv-tiktokx-cropcenter:100:100.webp?biz_tag=tiktok_user.user_cover&amp;dr=9640&amp;idc=useast8&amp;ps=13740610&amp;refresh_token=5a88acd7&amp;shcp=c1333099&amp;shp=30310797&amp;t=4d5b0474&amp;x-expires=1776618000&amp;x-signature=iuUpraN7Zs9mdNggYkmqLrQWKa8%3D" alt="" loading="lazy" onerror="this.style.display='none'" style="width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;">
          <div style="flex:1;min-width:0;">
            <div class="text-sm" style="font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">milkthistle</div>
            <div class="text-xs text-mono" style="color:#25F4EE;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">@milkthistlee</div>
          </div>
          <div style="text-align:right;flex-shrink:0;">
            <div class="text-xs text-mono" style="color:#25F4EE;font-weight:800;">1.1k</div>
            <div class="text-xs" style="color:var(--text-3);font-size:.65rem;">粉丝</div>
          </div>
        </div>
      </div><div class="card fade-up" style="padding:14px;">
        <div style="display:flex;gap:10px;align-items:center;">
          <img src="https://p19-common-sign.tiktokcdn-us.com/tos-alisg-avt-0068/b1fd4bc800c6a05bd6d679551022a8c9~tplv-tiktokx-cropcenter:100:100.webp?biz_tag=tiktok_user.user_cover&amp;dr=9640&amp;idc=useast8&amp;ps=13740610&amp;refresh_token=69972543&amp;shcp=c1333099&amp;shp=30310797&amp;t=4d5b0474&amp;x-expires=1776618000&amp;x-signature=N2%2F0Lc3RvkFHkwoesgVlMa1UPig%3D" alt="" loading="lazy" onerror="this.style.display='none'" style="width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;">
          <div style="flex:1;min-width:0;">
            <div class="text-sm" style="font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">OLZZ Milk Thistle</div>
            <div class="text-xs text-mono" style="color:#25F4EE;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">@milkjsp</div>
          </div>
          <div style="text-align:right;flex-shrink:0;">
            <div class="text-xs text-mono" style="color:#25F4EE;font-weight:800;">993</div>
            <div class="text-xs" style="color:var(--text-3);font-size:.65rem;">粉丝</div>
          </div>
        </div>
      </div><div class="card fade-up" style="padding:14px;">
        <div style="display:flex;gap:10px;align-items:center;">
          <img src="https://p16-common-sign.tiktokcdn-us.com/tos-alisg-avt-0068/5302634c783f77cf2a6a8ece8d00a2c7~tplv-tiktokx-cropcenter:100:100.webp?biz_tag=tiktok_user.user_cover&amp;dr=9640&amp;idc=useast8&amp;ps=13740610&amp;refresh_token=3798e4a5&amp;shcp=c1333099&amp;shp=30310797&amp;t=4d5b0474&amp;x-expires=1776618000&amp;x-signature=DjMWmHS3KjG%2BYTSC2BDjJ1d1Jw8%3D" alt="" loading="lazy" onerror="this.style.display='none'" style="width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;">
          <div style="flex:1;min-width:0;">
            <div class="text-sm" style="font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">@MilkThistle</div>
            <div class="text-xs text-mono" style="color:#25F4EE;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">@milkthistle4</div>
          </div>
          <div style="text-align:right;flex-shrink:0;">
            <div class="text-xs text-mono" style="color:#25F4EE;font-weight:800;">859</div>
            <div class="text-xs" style="color:var(--text-3);font-size:.65rem;">粉丝</div>
          </div>
        </div>
      </div>
    </div>
    
    <div style="margin-top:32px;padding-top:24px;border-top:1px solid rgba(37,244,238,.15);">
      <div class="section-eyebrow rise-in" style="color:#FE2C55;">TT · OFFICIAL MARKET INTEL</div>
      <h3 class="text-h2 rise-in" style="margin:6px 0 20px;">TikTok Creative Center 官方情报 <span class="text-xs" style="color:var(--text-3);font-weight:400;margin-left:10px;">第一方数据 · 广告主视角的市场真相</span></h3>
      
    <div class="grid grid-1" style="margin-bottom:24px;gap:18px;">
      <div class="card card-glow fade-up" style="border-left:3px solid #FE2C55;">
            <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;">
              <div class="text-mono text-xs" style="color:#FE2C55;letter-spacing:.12em;">AD KEYWORD #1</div>
              <span class="tag" style="background:rgba(254,44,85,.15);color:#FE2C55;border-color:rgba(254,44,85,.3);font-size:.7rem;">TikTok Creative Center</span>
            </div>
            <h3 class="text-h3" style="margin:0 0 14px;font-family:'JetBrains Mono';font-size:1.1rem;color:#25F4EE;">"milk"</h3>
            <div style="display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px;">
              <div style="padding:10px;background:rgba(255,255,255,.03);border-radius:6px;">
                <div class="text-xs text-mono" style="color:var(--text-3);letter-spacing:.06em;">IMPRESSIONS</div>
                <div style="font-family:'JetBrains Mono';font-size:1.4rem;font-weight:900;color:#25F4EE;margin-top:4px;">461.0w</div>
              </div>
              <div style="padding:10px;background:rgba(255,255,255,.03);border-radius:6px;">
                <div class="text-xs text-mono" style="color:var(--text-3);letter-spacing:.06em;">POST CHANGE</div>
                <div style="font-family:'JetBrains Mono';font-size:1.4rem;font-weight:900;color:#25F4EE;margin-top:4px;">▲ 28.3%</div>
              </div>
              <div style="padding:10px;background:rgba(255,255,255,.03);border-radius:6px;">
                <div class="text-xs text-mono" style="color:var(--text-3);letter-spacing:.06em;">CTR</div>
                <div style="font-family:'JetBrains Mono';font-size:1.15rem;font-weight:800;color:var(--amber);margin-top:4px;">0.24%</div>
              </div>
              <div style="padding:10px;background:rgba(255,255,255,.03);border-radius:6px;">
                <div class="text-xs text-mono" style="color:var(--text-3);letter-spacing:.06em;">CVR</div>
                <div style="font-family:'JetBrains Mono';font-size:1.15rem;font-weight:800;color:var(--amber);margin-top:4px;">0.00%</div>
              </div>
            </div>
            <div class="text-xs text-mono" style="color:var(--text-3);display:flex;gap:12px;flex-wrap:wrap;padding-top:10px;border-top:1px solid rgba(255,255,255,.06);">
              <span>📝 24 posts</span>
              <span style="color:#FE2C55;">♥ 2.9k</span>
              <span>💬 42</span>
              <span>↗ 36</span>
              <span>💰 9.9k</span>
            </div>
          </div>
    </div>
      
    <div class="card fade-up" style="margin-bottom:24px;border-left:3px solid #25F4EE;">
      <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;">
        <div class="text-mono text-xs" style="color:#25F4EE;letter-spacing:.12em;">RELATED KEYWORD NETWORK</div>
        <span class="text-xs" style="color:var(--text-3);">Top 30 · 来源: "milk thistle"</span>
      </div>
      <h3 class="text-h3" style="margin:0 0 14px;">TikTok Ads 官方相关词图谱</h3>
      <div style="display:flex;flex-wrap:wrap;gap:8px;align-items:center;">
        <span style="background:rgba(37,244,238,.07);border:1px solid rgba(37,244,238,.2);color:#FE2C55;padding:5px 12px;border-radius:20px;font-size:1.40rem;font-family:'JetBrains Mono';font-weight:800;opacity:1.00;">
              natural ingredients <span style="color:var(--text-3);font-size:.65rem;margin-left:4px;">100</span>
            </span><span style="background:rgba(37,244,238,.07);border:1px solid rgba(37,244,238,.2);color:#FE2C55;padding:5px 12px;border-radius:20px;font-size:0.81rem;font-family:'JetBrains Mono';font-weight:800;opacity:0.60;">
              probiotics <span style="color:var(--text-3);font-size:.65rem;margin-left:4px;">1</span>
            </span><span style="background:rgba(37,244,238,.07);border:1px solid rgba(37,244,238,.2);color:#FE2C55;padding:5px 12px;border-radius:20px;font-size:0.81rem;font-family:'JetBrains Mono';font-weight:800;opacity:0.60;">
              weight loss <span style="color:var(--text-3);font-size:.65rem;margin-left:4px;">1</span>
            </span><span style="background:rgba(37,244,238,.07);border:1px solid rgba(37,244,238,.2);color:#25F4EE;padding:5px 12px;border-radius:20px;font-size:0.81rem;font-family:'JetBrains Mono';font-weight:800;opacity:0.60;">
              free shipping <span style="color:var(--text-3);font-size:.65rem;margin-left:4px;">1</span>
            </span><span style="background:rgba(37,244,238,.07);border:1px solid rgba(37,244,238,.2);color:#25F4EE;padding:5px 12px;border-radius:20px;font-size:0.81rem;font-family:'JetBrains Mono';font-weight:800;opacity:0.60;">
              gummy <span style="color:var(--text-3);font-size:.65rem;margin-left:4px;">1</span>
            </span><span style="background:rgba(37,244,238,.07);border:1px solid rgba(37,244,238,.2);color:#25F4EE;padding:5px 12px;border-radius:20px;font-size:0.81rem;font-family:'JetBrains Mono';font-weight:600;opacity:0.60;">
              gummies <span style="color:var(--text-3);font-size:.65rem;margin-left:4px;">1</span>
            </span><span style="background:rgba(37,244,238,.07);border:1px solid rgba(37,244,238,.2);color:#25F4EE;padding:5px 12px;border-radius:20px;font-size:0.81rem;font-family:'JetBrains Mono';font-weight:600;opacity:0.60;">
              help you <span style="color:var(--text-3);font-size:.65rem;margin-left:4px;">1</span>
            </span><span style="background:rgba(37,244,238,.07);border:1px solid rgba(37,244,238,.2);color:#25F4EE;padding:5px 12px;border-radius:20px;font-size:0.81rem;font-family:'JetBrains Mono';font-weight:600;opacity:0.60;">
              vitamin <span style="color:var(--text-3);font-size:.65rem;margin-left:4px;">1</span>
            </span><span style="background:rgba(37,244,238,.07);border:1px solid rgba(37,244,238,.2);color:#25F4EE;padding:5px 12px;border-radius:20px;font-size:0.81rem;font-family:'JetBrains Mono';font-weight:600;opacity:0.60;">
              supplement <span style="color:var(--text-3);font-size:.65rem;margin-left:4px;">1</span>
            </span><span style="background:rgba(37,244,238,.07);border:1px solid rgba(37,244,238,.2);color:#25F4EE;padding:5px 12px;border-radius:20px;font-size:0.81rem;font-family:'JetBrains Mono';font-weight:600;opacity:0.60;">
              vitamins <span style="color:var(--text-3);font-size:.65rem;margin-left:4px;">1</span>
            </span><span style="background:rgba(37,244,238,.07);border:1px solid rgba(37,244,238,.2);color:var(--text-2);padding:5px 12px;border-radius:20px;font-size:0.81rem;font-family:'JetBrains Mono';font-weight:600;opacity:0.60;">
              try this <span style="color:var(--text-3);font-size:.65rem;margin-left:4px;">1</span>
            </span><span style="background:rgba(37,244,238,.07);border:1px solid rgba(37,244,238,.2);color:var(--text-2);padding:5px 12px;border-radius:20px;font-size:0.81rem;font-family:'JetBrains Mono';font-weight:600;opacity:0.60;">
              brain fog <span style="color:var(--text-3);font-size:.65rem;margin-left:4px;">1</span>
            </span><span style="background:rgba(37,244,238,.07);border:1px solid rgba(37,244,238,.2);color:var(--text-2);padding:5px 12px;border-radius:20px;font-size:0.81rem;font-family:'JetBrains Mono';font-weight:600;opacity:0.60;">
              risk-free <span style="color:var(--text-3);font-size:.65rem;margin-left:4px;">1</span>
            </span><span style="background:rgba(37,244,238,.07);border:1px solid rgba(37,244,238,.2);color:var(--text-2);padding:5px 12px;border-radius:20px;font-size:0.81rem;font-family:'JetBrains Mono';font-weight:600;opacity:0.60;">
              men <span style="color:var(--text-3);font-size:.65rem;margin-left:4px;">1</span>
            </span><span style="background:rgba(37,244,238,.07);border:1px solid rgba(37,244,238,.2);color:var(--text-2);padding:5px 12px;border-radius:20px;font-size:0.81rem;font-family:'JetBrains Mono';font-weight:600;opacity:0.60;">
              learn more <span style="color:var(--text-3);font-size:.65rem;margin-left:4px;">1</span>
            </span><span style="background:rgba(37,244,238,.07);border:1px solid rgba(37,244,238,.2);color:var(--text-2);padding:5px 12px;border-radius:20px;font-size:0.81rem;font-family:'JetBrains Mono';font-weight:600;opacity:0.60;">
              free <span style="color:var(--text-3);font-size:.65rem;margin-left:4px;">1</span>
            </span><span style="background:rgba(37,244,238,.07);border:1px solid rgba(37,244,238,.2);color:var(--text-2);padding:5px 12px;border-radius:20px;font-size:0.81rem;font-family:'JetBrains Mono';font-weight:600;opacity:0.60;">
              30% off <span style="color:var(--text-3);font-size:.65rem;margin-left:4px;">1</span>
            </span><span style="background:rgba(37,244,238,.07);border:1px solid rgba(37,244,238,.2);color:var(--text-2);padding:5px 12px;border-radius:20px;font-size:0.81rem;font-family:'JetBrains Mono';font-weight:600;opacity:0.60;">
              limited time <span style="color:var(--text-3);font-size:.65rem;margin-left:4px;">1</span>
            </span><span style="background:rgba(37,244,238,.07);border:1px solid rgba(37,244,238,.2);color:var(--text-2);padding:5px 12px;border-radius:20px;font-size:0.81rem;font-family:'JetBrains Mono';font-weight:600;opacity:0.60;">
              this video <span style="color:var(--text-3);font-size:.65rem;margin-left:4px;">1</span>
            </span><span style="background:rgba(37,244,238,.07);border:1px solid rgba(37,244,238,.2);color:var(--text-2);padding:5px 12px;border-radius:20px;font-size:0.81rem;font-family:'JetBrains Mono';font-weight:600;opacity:0.60;">
              try it <span style="color:var(--text-3);font-size:.65rem;margin-left:4px;">1</span>
            </span><span style="background:rgba(37,244,238,.07);border:1px solid rgba(37,244,238,.2);color:var(--text-2);padding:5px 12px;border-radius:20px;font-size:0.81rem;font-family:'JetBrains Mono';font-weight:600;opacity:0.60;">
              black friday <span style="color:var(--text-3);font-size:.65rem;margin-left:4px;">1</span>
            </span><span style="background:rgba(37,244,238,.07);border:1px solid rgba(37,244,238,.2);color:var(--text-2);padding:5px 12px;border-radius:20px;font-size:0.81rem;font-family:'JetBrains Mono';font-weight:600;opacity:0.60;">
              the right <span style="color:var(--text-3);font-size:.65rem;margin-left:4px;">1</span>
            </span><span style="background:rgba(37,244,238,.07);border:1px solid rgba(37,244,238,.2);color:var(--text-2);padding:5px 12px;border-radius:20px;font-size:0.81rem;font-family:'JetBrains Mono';font-weight:600;opacity:0.60;">
              ashwagandha <span style="color:var(--text-3);font-size:.65rem;margin-left:4px;">1</span>
            </span><span style="background:rgba(37,244,238,.07);border:1px solid rgba(37,244,238,.2);color:var(--text-2);padding:5px 12px;border-radius:20px;font-size:0.81rem;font-family:'JetBrains Mono';font-weight:600;opacity:0.60;">
              for men <span style="color:var(--text-3);font-size:.65rem;margin-left:4px;">1</span>
            </span><span style="background:rgba(37,244,238,.07);border:1px solid rgba(37,244,238,.2);color:var(--text-2);padding:5px 12px;border-radius:20px;font-size:0.81rem;font-family:'JetBrains Mono';font-weight:600;opacity:0.60;">
              see this <span style="color:var(--text-3);font-size:.65rem;margin-left:4px;">1</span>
            </span><span style="background:rgba(37,244,238,.07);border:1px solid rgba(37,244,238,.2);color:var(--text-2);padding:5px 12px;border-radius:20px;font-size:0.81rem;font-family:'JetBrains Mono';font-weight:600;opacity:0.60;">
              50 %off <span style="color:var(--text-3);font-size:.65rem;margin-left:4px;">1</span>
            </span><span style="background:rgba(37,244,238,.07);border:1px solid rgba(37,244,238,.2);color:var(--text-2);padding:5px 12px;border-radius:20px;font-size:0.81rem;font-family:'JetBrains Mono';font-weight:600;opacity:0.60;">
              stress <span style="color:var(--text-3);font-size:.65rem;margin-left:4px;">1</span>
            </span><span style="background:rgba(37,244,238,.07);border:1px solid rgba(37,244,238,.2);color:var(--text-2);padding:5px 12px;border-radius:20px;font-size:0.81rem;font-family:'JetBrains Mono';font-weight:600;opacity:0.60;">
              promotion may have ended <span style="color:var(--text-3);font-size:.65rem;margin-left:4px;">1</span>
            </span><span style="background:rgba(37,244,238,.07);border:1px solid rgba(37,244,238,.2);color:var(--text-2);padding:5px 12px;border-radius:20px;font-size:0.81rem;font-family:'JetBrains Mono';font-weight:600;opacity:0.60;">
              every day <span style="color:var(--text-3);font-size:.65rem;margin-left:4px;">1</span>
            </span><span style="background:rgba(37,244,238,.07);border:1px solid rgba(37,244,238,.2);color:var(--text-2);padding:5px 12px;border-radius:20px;font-size:0.81rem;font-family:'JetBrains Mono';font-weight:600;opacity:0.60;">
              shop now <span style="color:var(--text-3);font-size:.65rem;margin-left:4px;">1</span>
            </span>
      </div>
    </div>
    </div>
  </div>
</section>
<section class="report-section" id="sdy" data-tone="rose" data-slide-num="09/12">
  <div class="section-inner">
    <div class="section-head rise-in">
      <div class="section-eyebrow" style="color:#FF3E75;">DY · Douyin Presence</div>
      <h2 class="text-h1"><span class="headline-anim">抖音阵地深度</span></h2>
      <p class="section-sub">通过品牌旗舰店分享链直抓 · 账号画像 / 作品流 / 评论 / 品类搜索</p>
    </div>
    
    <div style="margin-bottom:28px;padding:20px;background:linear-gradient(135deg,rgba(255,62,117,.04),rgba(255,255,255,.01));border-radius:12px;border:1px solid rgba(255,62,117,.12);">
      <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;">
        <div>
          <div class="section-eyebrow" style="color:#FF3E75;">DOUYIN · CONTENT ECOSYSTEM BASELINE</div>
          <h3 class="text-h2" style="margin:4px 0 0;">抖音站级热榜信号 <span class="text-xs" style="color:var(--text-3);font-weight:400;margin-left:10px;">中国内容生态基线 · 决定品牌内容投放语境</span></h3>
        </div>
        <span class="tag" style="background:rgba(255,62,117,.15);color:#FF3E75;border-color:rgba(255,62,117,.3);font-size:.7rem;">Douyin Billboard API</span>
      </div>
      <div class="grid grid-3" style="gap:14px;">
        
      <div class="card fade-up" style="border-left:3px solid #FF3E75;">
        <div class="text-mono text-xs" style="color:#FF3E75;letter-spacing:.12em;">HOT WORD BILLBOARD</div>
        <div class="text-xs" style="color:var(--text-3);margin-top:4px;">抖音星图 · 近 24h 热词 Top 6</div>
        <div style="margin-top:12px;display:flex;flex-direction:column;gap:6px;">
          <div style="display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:center;padding:6px 0;border-bottom:1px dashed rgba(255,255,255,.05);">
            <span class="text-mono" style="color:#FF3E75;font-weight:800;font-size:.8rem;">#01</span>
            <span class="text-sm" style="color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">抖音语音</span>
            <span class="text-xs text-mono" style="color:#FF3E75;font-weight:700;">88</span>
          </div><div style="display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:center;padding:6px 0;border-bottom:1px dashed rgba(255,255,255,.05);">
            <span class="text-mono" style="color:#FF3E75;font-weight:800;font-size:.8rem;">#02</span>
            <span class="text-sm" style="color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">抖音ai</span>
            <span class="text-xs text-mono" style="color:#FF3E75;font-weight:700;">54</span>
          </div><div style="display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:center;padding:6px 0;border-bottom:1px dashed rgba(255,255,255,.05);">
            <span class="text-mono" style="color:#FF3E75;font-weight:800;font-size:.8rem;">#03</span>
            <span class="text-sm" style="color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">做抖音</span>
            <span class="text-xs text-mono" style="color:#FF3E75;font-weight:700;">53</span>
          </div><div style="display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:center;padding:6px 0;border-bottom:1px dashed rgba(255,255,255,.05);">
            <span class="text-mono" style="color:var(--text-3);font-weight:800;font-size:.8rem;">#04</span>
            <span class="text-sm" style="color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">抖音新</span>
            <span class="text-xs text-mono" style="color:#FF3E75;font-weight:700;">1.6w</span>
          </div><div style="display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:center;padding:6px 0;border-bottom:1px dashed rgba(255,255,255,.05);">
            <span class="text-mono" style="color:var(--text-3);font-weight:800;font-size:.8rem;">#05</span>
            <span class="text-sm" style="color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">抖音音乐</span>
            <span class="text-xs text-mono" style="color:#FF3E75;font-weight:700;">74</span>
          </div>
        </div>
      </div>
        
      <div class="card fade-up" style="border-left:3px solid var(--amber);">
        <div class="text-mono text-xs text-amber" style="letter-spacing:.12em;">WEB HOT SEARCH</div>
        <div class="text-xs" style="color:var(--text-3);margin-top:4px;">抖音 Web 首页热搜 Top 6</div>
        <div style="margin-top:12px;display:flex;flex-direction:column;gap:6px;">
          <div style="display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:center;padding:6px 0;border-bottom:1px dashed rgba(255,255,255,.05);">
            <span class="text-mono" style="color:var(--amber);font-weight:800;font-size:.8rem;">#01</span>
            <span class="text-sm" style="color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">把人民放在心中最高位置</span>
            <span class="text-xs text-mono" style="color:var(--amber);font-weight:700;">0</span>
          </div><div style="display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:center;padding:6px 0;border-bottom:1px dashed rgba(255,255,255,.05);">
            <span class="text-mono" style="color:var(--amber);font-weight:800;font-size:.8rem;">#02</span>
            <span class="text-sm" style="color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">苏超宿迁2:0南京</span>
            <span class="text-xs text-mono" style="color:var(--amber);font-weight:700;">6823.5w</span>
          </div><div style="display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:center;padding:6px 0;border-bottom:1px dashed rgba(255,255,255,.05);">
            <span class="text-mono" style="color:var(--amber);font-weight:800;font-size:.8rem;">#03</span>
            <span class="text-sm" style="color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">是时候展现真正的技术了</span>
            <span class="text-xs text-mono" style="color:var(--amber);font-weight:700;">6166.8w</span>
          </div><div style="display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:center;padding:6px 0;border-bottom:1px dashed rgba(255,255,255,.05);">
            <span class="text-mono" style="color:var(--text-3);font-weight:800;font-size:.8rem;">#04</span>
            <span class="text-sm" style="color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">消博会告诉你封关有多香</span>
            <span class="text-xs text-mono" style="color:var(--amber);font-weight:700;">6496.8w</span>
          </div><div style="display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:center;padding:6px 0;border-bottom:1px dashed rgba(255,255,255,.05);">
            <span class="text-mono" style="color:var(--text-3);font-weight:800;font-size:.8rem;">#05</span>
            <span class="text-sm" style="color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">此刻风景真美</span>
            <span class="text-xs text-mono" style="color:var(--amber);font-weight:700;">5605.3w</span>
          </div>
        </div>
      </div>
        
      <div class="card fade-up" style="border-left:3px solid var(--green);">
        <div class="text-mono text-xs text-green" style="letter-spacing:.12em;">HOT TOPIC CHALLENGE</div>
        <div class="text-xs" style="color:var(--text-3);margin-top:4px;">抖音热挑战 Top 5</div>
        <div style="margin-top:12px;display:flex;flex-direction:column;gap:6px;">
          <div style="padding:8px;background:rgba(255,255,255,.02);border-radius:6px;">
            <div style="display:flex;justify-content:space-between;gap:8px;align-items:center;">
              <span class="text-sm" style="color:var(--text-2);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">#嘎子</span>
              <span class="text-mono" style="color:var(--green);font-weight:800;font-size:.75rem;white-space:nowrap;">▶ 36.3亿</span>
            </div>
            <div class="text-xs text-mono" style="color:var(--text-3);margin-top:3px;">📝 4.0w 篇参与</div>
          </div><div style="padding:8px;background:rgba(255,255,255,.02);border-radius:6px;">
            <div style="display:flex;justify-content:space-between;gap:8px;align-items:center;">
              <span class="text-sm" style="color:var(--text-2);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">#土豆</span>
              <span class="text-mono" style="color:var(--green);font-weight:800;font-size:.75rem;white-space:nowrap;">▶ 217.8亿</span>
            </div>
            <div class="text-xs text-mono" style="color:var(--text-3);margin-top:3px;">📝 82.6w 篇参与</div>
          </div><div style="padding:8px;background:rgba(255,255,255,.02);border-radius:6px;">
            <div style="display:flex;justify-content:space-between;gap:8px;align-items:center;">
              <span class="text-sm" style="color:var(--text-2);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">#😽</span>
              <span class="text-mono" style="color:var(--green);font-weight:800;font-size:.75rem;white-space:nowrap;">▶ 3130.8w</span>
            </div>
            <div class="text-xs text-mono" style="color:var(--text-3);margin-top:3px;">📝 4.9k 篇参与</div>
          </div><div style="padding:8px;background:rgba(255,255,255,.02);border-radius:6px;">
            <div style="display:flex;justify-content:space-between;gap:8px;align-items:center;">
              <span class="text-sm" style="color:var(--text-2);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">#相似的地点和时间</span>
              <span class="text-mono" style="color:var(--green);font-weight:800;font-size:.75rem;white-space:nowrap;">▶ 4843.1w</span>
            </div>
            <div class="text-xs text-mono" style="color:var(--text-3);margin-top:3px;">📝 1.3k 篇参与</div>
          </div><div style="padding:8px;background:rgba(255,255,255,.02);border-radius:6px;">
            <div style="display:flex;justify-content:space-between;gap:8px;align-items:center;">
              <span class="text-sm" style="color:var(--text-2);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">#烟火yyds版</span>
              <span class="text-mono" style="color:var(--green);font-weight:800;font-size:.75rem;white-space:nowrap;">▶ 3993.9w</span>
            </div>
            <div class="text-xs text-mono" style="color:var(--text-3);margin-top:3px;">📝 87 篇参与</div>
          </div>
        </div>
      </div>
      </div>
      
      <div class="text-xs" style="color:var(--text-3);margin-top:12px;padding:10px;background:rgba(255,62,117,.04);border-left:2px solid #FF3E75;border-radius:4px;line-height:1.6;">
        <strong style="color:#FF3E75;">品类过滤命中：</strong> 用关键词 <span class="text-mono">[肝 / 养肝 / 护肝 / 解酒 / 脂肪肝 / 熬夜]</span> 过滤以上 5 份站级热榜，共命中 <strong style="color:#FF3E75;">0</strong> 条相关内容 —
        说明本品类在抖音全站 Top 榜未形成内容沉淀，是<strong class="text-amber">品牌蓝海</strong>：现有头部创作者尚未进入健康/滋补赛道。
      </div>
    </div>
    
    
    <div class="grid grid-2" style="margin-bottom:36px;gap:24px;">
      <div class="card card-glow fade-up" style="display:flex;gap:18px;align-items:flex-start;">
        <img src="https://p3.douyinpic.com/aweme/1080x1080/aweme-avatar/tos-cn-avt-0015_2d97b2fa6c8553a4382bd5dfa0519067.heic?from=2956013662&amp;s=PackSourceEnum_USER_PROFILE&amp;se=false&amp;sc=avatar&amp;l=20260418233943E72AF0AAB63375D4785A&amp;biz_tag=aweme_avatar" alt="" loading="lazy" onerror="this.style.display='none'" style="width:96px;height:96px;border-radius:50%;border:2px solid rgba(245,166,35,0.4);flex-shrink:0;object-fit:cover;">
        <div style="flex:1;min-width:0;">
          <div style="display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px;">
            <span class="tag" style="background:rgba(255,0,80,.15);color:#FF3E75;border-color:rgba(255,0,80,.3);">抖音 · 品牌旗舰店</span>
            
            <span class="tag gray">IP属地：江西</span>
          </div>
          <h3 class="text-h2" style="margin-bottom:8px;">江中猴姑官方旗舰店</h3>
          <div class="text-sm" style="margin-bottom:14px;color:var(--text-2);line-height:1.6;">🥣江中猴姑 专注国人养胃🥣
💯每小包饼干真实添加猴头菇
👍👏健康营养，解馋养胃
🤗🤗饿了，馋了，胃不舒服来一包吧～</div>
          <div style="display:grid;grid-template-columns:repeat(4,1fr);gap:10px;font-size:0.78rem;">
            <div><div style="color:var(--text-3);">粉丝</div><div style="color:var(--amber);font-weight:800;font-family:'JetBrains Mono';font-size:1.1rem;">145.6w</div></div>
            <div><div style="color:var(--text-3);">作品</div><div style="font-weight:800;font-family:'JetBrains Mono';font-size:1.1rem;">443</div></div>
            <div><div style="color:var(--text-3);">获赞</div><div style="color:var(--green);font-weight:800;font-family:'JetBrains Mono';font-size:1.1rem;">184.9w</div></div>
            <div><div style="color:var(--text-3);">关注</div><div style="font-weight:800;font-family:'JetBrains Mono';font-size:1.1rem;">383</div></div>
          </div>
        </div>
      </div>
      <div class="card fade-up">
        <div class="text-mono text-xs" style="color:#FF3E75;">PRODUCTION RHYTHM</div>
        <h3 class="text-h2" style="margin-top:8px;">作品节奏均值</h3>
        <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px;">
          <div style="text-align:center;padding:14px;background:rgba(245,166,35,0.06);border-radius:10px;">
            <div style="color:var(--amber);font-weight:800;font-size:1.4rem;font-family:'JetBrains Mono';">6</div>
            <div style="color:var(--text-3);font-size:0.7rem;margin-top:4px;letter-spacing:0.08em;">AVG ♥ LIKES</div>
          </div>
          <div style="text-align:center;padding:14px;background:rgba(0,220,130,0.06);border-radius:10px;">
            <div style="color:var(--green);font-weight:800;font-size:1.4rem;font-family:'JetBrains Mono';">0</div>
            <div style="color:var(--text-3);font-size:0.7rem;margin-top:4px;letter-spacing:0.08em;">AVG 💬 COMMENT</div>
          </div>
          <div style="text-align:center;padding:14px;background:rgba(139,92,246,0.06);border-radius:10px;">
            <div style="color:var(--purple);font-weight:800;font-size:1.4rem;font-family:'JetBrains Mono';">0</div>
            <div style="color:var(--text-3);font-size:0.7rem;margin-top:4px;letter-spacing:0.08em;">AVG ▶ PLAY</div>
          </div>
        </div>
        <div style="margin-top:16px;padding:10px 14px;background:rgba(255,255,255,.03);border-left:2px solid #FF3E75;border-radius:0 6px 6px 0;font-size:0.8rem;color:var(--text-2);line-height:1.6;">
          <strong style="color:#FF3E75;">头部品牌号</strong>：145.6w 粉丝 + 高频发布 (443 作品) 已建立稳定内容资产，适合做 KOL 型种草。
        </div>
      </div>
    </div>
    
    
    <h3 class="text-h2 rise-in" style="margin-top:8px;margin-bottom:18px;">品牌号作品热度图 · Top 8</h3>
    <div class="grid grid-2" style="margin-bottom:32px;gap:24px;">
      <div class="card fade-up">
        <div class="text-mono text-xs" style="color:#FF3E75;">POST SCATTER</div>
        <h4 class="text-h3" style="margin-top:8px;margin-bottom:16px;">X=点赞 · Y=评论 · 气泡=转发</h4>
        <div id="chartDyPosts" class="chart-container" style="min-height:380px;"></div>
      </div>
      <div class="card fade-up">
        <div class="text-mono text-xs" style="color:var(--amber);">TOP 5 POSTS</div>
        <h4 class="text-h3" style="margin-top:8px;margin-bottom:16px;">爆款作品清单</h4>
        <div style="display:flex;flex-direction:column;gap:12px;">
          <div style="display:flex;gap:12px;padding:10px;background:rgba(255,255,255,0.02);border-radius:8px;">
            <img src="https://p26-sign.douyinpic.com/tos-cn-i-dy/2aac914b226a4aaa96d7872a996ceb56~tplv-dy-resize-walign-adapt-aq:540:q75.heic?lk3s=138a59ce&amp;x-expires=1777734000&amp;x-signature=jImG8%2Bq1YQMoUtCzMLcKKkeziQA%3D&amp;from=327834062&amp;s=PackSourceEnum_PUBLISH&amp;se=false&amp;sc=cover&amp;biz_tag=aweme_video&amp;l=20260418233918BC52B9D2C16338F4051D" alt="" loading="lazy" onerror="this.style.display='none'" style="width:56px;height:72px;object-fit:cover;border-radius:6px;flex-shrink:0;">
            <div style="flex:1;min-width:0;">
              <div class="text-xs" style="color:var(--amber);font-family:'JetBrains Mono';margin-bottom:3px;">#01</div>
              <div class="text-sm" style="line-height:1.4;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;">如果一年只买一次零食，那就一定要趁江中猴姑有活动的时候买！ #江中猴姑饼干 #营养好吃 #超划算</div>
              <div class="text-xs text-mono" style="color:var(--text-3);display:flex;gap:10px;">
                <span style="color:var(--amber);">♥ 39</span>
                <span style="color:var(--green);">💬 1</span>
                <span>▶ 0</span>
              </div>
            </div>
          </div><div style="display:flex;gap:12px;padding:10px;background:rgba(255,255,255,0.02);border-radius:8px;">
            <img src="https://p3-sign.douyinpic.com/tos-cn-i-dy/7b146d79ac19457bb1dbdcfe461b8dd8~tplv-dy-resize-walign-adapt-aq:540:q75.heic?lk3s=138a59ce&amp;x-expires=1777734000&amp;x-signature=lW8MEFzjxkU50OJC0kmJFFQ2m%2B4%3D&amp;from=327834062&amp;s=PackSourceEnum_PUBLISH&amp;se=false&amp;sc=cover&amp;biz_tag=aweme_video&amp;l=20260418233918BC52B9D2C16338F4051D" alt="" loading="lazy" onerror="this.style.display='none'" style="width:56px;height:72px;object-fit:cover;border-radius:6px;flex-shrink:0;">
            <div style="flex:1;min-width:0;">
              <div class="text-xs" style="color:var(--amber);font-family:'JetBrains Mono';margin-bottom:3px;">#02</div>
              <div class="text-sm" style="line-height:1.4;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;">先说好，可不能骂我！如果你们想吃九块九一盒还真实添加猴头菇 做的营养饼干，那我这里可没有！#江中猴姑饼干</div>
              <div class="text-xs text-mono" style="color:var(--text-3);display:flex;gap:10px;">
                <span style="color:var(--amber);">♥ 9</span>
                <span style="color:var(--green);">💬 0</span>
                <span>▶ 0</span>
              </div>
            </div>
          </div><div style="display:flex;gap:12px;padding:10px;background:rgba(255,255,255,0.02);border-radius:8px;">
            <img src="https://p3-sign.douyinpic.com/tos-cn-i-dy/fa3b626407e0433b8d143ce5614514a9~tplv-dy-resize-walign-adapt-aq:540:q75.heic?lk3s=138a59ce&amp;x-expires=1777734000&amp;x-signature=%2FL4oKuK2%2Fpr%2FUQvw%2B3QfPTlOJuI%3D&amp;from=327834062&amp;s=PackSourceEnum_PUBLISH&amp;se=false&amp;sc=cover&amp;biz_tag=aweme_video&amp;l=20260418233918BC52B9D2C16338F4051D" alt="" loading="lazy" onerror="this.style.display='none'" style="width:56px;height:72px;object-fit:cover;border-radius:6px;flex-shrink:0;">
            <div style="flex:1;min-width:0;">
              <div class="text-xs" style="color:var(--amber);font-family:'JetBrains Mono';margin-bottom:3px;">#03</div>
              <div class="text-sm" style="line-height:1.4;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;">这才是30+的人该吃的，被誉为加班人之友的江中猴姑饼干！ #江中猴姑饼干 #零食必备</div>
              <div class="text-xs text-mono" style="color:var(--text-3);display:flex;gap:10px;">
                <span style="color:var(--amber);">♥ 8</span>
                <span style="color:var(--green);">💬 1</span>
                <span>▶ 0</span>
              </div>
            </div>
          </div><div style="display:flex;gap:12px;padding:10px;background:rgba(255,255,255,0.02);border-radius:8px;">
            <img src="https://p11-sign.douyinpic.com/tos-cn-i-dy/7c07969272e74893ae49d6b37db23b13~tplv-dy-resize-walign-adapt-aq:540:q75.heic?lk3s=138a59ce&amp;x-expires=1777734000&amp;x-signature=%2BjiYhzJyAXaj2F5b7AhVFYhnGOc%3D&amp;from=327834062&amp;s=PackSourceEnum_PUBLISH&amp;se=false&amp;sc=cover&amp;biz_tag=aweme_video&amp;l=20260418233918BC52B9D2C16338F4051D" alt="" loading="lazy" onerror="this.style.display='none'" style="width:56px;height:72px;object-fit:cover;border-radius:6px;flex-shrink:0;">
            <div style="flex:1;min-width:0;">
              <div class="text-xs" style="color:var(--amber);font-family:'JetBrains Mono';margin-bottom:3px;">#04</div>
              <div class="text-sm" style="line-height:1.4;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;">爸妈收到高兴坏了！直夸我会买! 0蔗糖的江中猴姑饼干，直播间大促赶紧囤！#江中猴姑饼干</div>
              <div class="text-xs text-mono" style="color:var(--text-3);display:flex;gap:10px;">
                <span style="color:var(--amber);">♥ 7</span>
                <span style="color:var(--green);">💬 0</span>
                <span>▶ 0</span>
              </div>
            </div>
          </div><div style="display:flex;gap:12px;padding:10px;background:rgba(255,255,255,0.02);border-radius:8px;">
            <img src="https://p5-ex-gddgtc-sign.douyinpic.com/tos-cn-i-dy/8a21d82414da487a8a9e5a7ae3870c52~tplv-dy-resize-walign-adapt-aq:540:q75.heic?lk3s=138a59ce&amp;x-expires=1777734000&amp;x-signature=TZzWt%2F3SQJKgGp1MUaX2QhfexF4%3D&amp;from=327834062&amp;s=PackSourceEnum_PUBLISH&amp;se=false&amp;sc=cover&amp;biz_tag=aweme_video&amp;l=20260418233918BC52B9D2C16338F4051D" alt="" loading="lazy" onerror="this.style.display='none'" style="width:56px;height:72px;object-fit:cover;border-radius:6px;flex-shrink:0;">
            <div style="flex:1;min-width:0;">
              <div class="text-xs" style="color:var(--amber);font-family:'JetBrains Mono';margin-bottom:3px;">#05</div>
              <div class="text-sm" style="line-height:1.4;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;">嘿嘿嘿~快来薅羊毛！江中猴姑饼干居然这么划算！ 直播间一单到手三大盒赶紧来抢！#江中猴姑饼干 #超划算</div>
              <div class="text-xs text-mono" style="color:var(--text-3);display:flex;gap:10px;">
                <span style="color:var(--amber);">♥ 7</span>
                <span style="color:var(--green);">💬 1</span>
                <span>▶ 0</span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    
    <h3 class="text-h2 rise-in" style="margin-top:8px;margin-bottom:18px;">抖音评论墙 · Top 2</h3>
    <div class="voice-wall" style="margin-bottom:32px;">
      <div class="voice-card hot fade-up">
        <p class="voice-content">[666][666][666][666][666][666]</p>
        <div class="voice-meta">
          <span>好啊 · 江苏</span>
          <span class="voice-likes">♥ 1</span>
        </div>
      </div><div class="voice-card hot fade-up">
        <p class="voice-content">[赞][赞][赞][赞][赞][赞][赞][赞][赞]</p>
        <div class="voice-meta">
          <span>金梦 · 江苏</span>
          <span class="voice-likes">♥ 0</span>
        </div>
      </div>
    </div>
    
    <h3 class="text-h2 rise-in" style="margin-top:8px;margin-bottom:18px;">品牌号完整作品流 · 20 条</h3>
    <div class="table-wrap fade-up" style="margin-bottom:32px;">
      <table class="data-tbl">
        <thead><tr><th>#</th><th>内容</th><th>点赞</th><th>评论</th><th>播放</th><th>分享</th><th>收藏</th></tr></thead>
        <tbody>
          <tr>
            <td class="tb-num">01</td>
            <td style="font-size:0.86rem;max-width:360px;">如果一年只买一次零食，那就一定要趁江中猴姑有活动的时候买！ #江中猴姑饼干 #营养好吃 #超划算</td>
            <td class="tb-num" style="color:var(--amber);">39</td>
            <td class="tb-num" style="color:var(--green);">1</td>
            <td class="tb-num">0</td>
            <td class="tb-num">3</td>
            <td class="tb-num">7</td>
          </tr><tr>
            <td class="tb-num">02</td>
            <td style="font-size:0.86rem;max-width:360px;">先说好，可不能骂我！如果你们想吃九块九一盒还真实添加猴头菇 做的营养饼干，那我这里可没有！#江中猴姑饼干</td>
            <td class="tb-num" style="color:var(--amber);">9</td>
            <td class="tb-num" style="color:var(--green);">0</td>
            <td class="tb-num">0</td>
            <td class="tb-num">0</td>
            <td class="tb-num">2</td>
          </tr><tr>
            <td class="tb-num">03</td>
            <td style="font-size:0.86rem;max-width:360px;">这才是30+的人该吃的，被誉为加班人之友的江中猴姑饼干！ #江中猴姑饼干 #零食必备</td>
            <td class="tb-num" style="color:var(--amber);">8</td>
            <td class="tb-num" style="color:var(--green);">1</td>
            <td class="tb-num">0</td>
            <td class="tb-num">1</td>
            <td class="tb-num">1</td>
          </tr><tr>
            <td class="tb-num">04</td>
            <td style="font-size:0.86rem;max-width:360px;">爸妈收到高兴坏了！直夸我会买! 0蔗糖的江中猴姑饼干，直播间大促赶紧囤！#江中猴姑饼干</td>
            <td class="tb-num" style="color:var(--amber);">7</td>
            <td class="tb-num" style="color:var(--green);">0</td>
            <td class="tb-num">0</td>
            <td class="tb-num">1</td>
            <td class="tb-num">4</td>
          </tr><tr>
            <td class="tb-num">05</td>
            <td style="font-size:0.86rem;max-width:360px;">嘿嘿嘿~快来薅羊毛！江中猴姑饼干居然这么划算！ 直播间一单到手三大盒赶紧来抢！#江中猴姑饼干 #超划算</td>
            <td class="tb-num" style="color:var(--amber);">7</td>
            <td class="tb-num" style="color:var(--green);">1</td>
            <td class="tb-num">0</td>
            <td class="tb-num">1</td>
            <td class="tb-num">2</td>
          </tr><tr>
            <td class="tb-num">06</td>
            <td style="font-size:0.86rem;max-width:360px;">没时间做早餐的看过来！就是这个江中猴姑饼干，酥酥脆脆的， 搭配牛奶吃口感超级丰富！#江中猴姑饼干 #营养好吃</td>
            <td class="tb-num" style="color:var(--amber);">7</td>
            <td class="tb-num" style="color:var(--green);">1</td>
            <td class="tb-num">0</td>
            <td class="tb-num">2</td>
            <td class="tb-num">3</td>
          </tr><tr>
            <td class="tb-num">07</td>
            <td style="font-size:0.86rem;max-width:360px;">你可看好了，这可不是普通的零食， 这是专门给早上来不及吃早餐，还不爱吃糖的人准备的江中猴姑饼干！#营养好吃 #零食必备</td>
            <td class="tb-num" style="color:var(--amber);">6</td>
            <td class="tb-num" style="color:var(--green);">1</td>
            <td class="tb-num">0</td>
            <td class="tb-num">1</td>
            <td class="tb-num">0</td>
          </tr><tr>
            <td class="tb-num">08</td>
            <td style="font-size:0.86rem;max-width:360px;">紧急通知！！！江中猴姑饼干一单给大家发三大盒的活动即将下架！ #江中猴姑饼干 #营养好吃</td>
            <td class="tb-num" style="color:var(--amber);">6</td>
            <td class="tb-num" style="color:var(--green);">0</td>
            <td class="tb-num">0</td>
            <td class="tb-num">2</td>
            <td class="tb-num">2</td>
          </tr><tr>
            <td class="tb-num">09</td>
            <td style="font-size:0.86rem;max-width:360px;">姐妹们！我终于找到了这个不加蔗糖的猴头菇饼干了！ 就算是自律期也能放心吃！#江中猴姑饼干</td>
            <td class="tb-num" style="color:var(--amber);">5</td>
            <td class="tb-num" style="color:var(--green);">2</td>
            <td class="tb-num">0</td>
            <td class="tb-num">2</td>
            <td class="tb-num">2</td>
          </tr><tr>
            <td class="tb-num">10</td>
            <td style="font-size:0.86rem;max-width:360px;">给平时嘴馋又不敢多吃的姐妹，推荐一款营养好吃的饼干 #江中猴姑饼干</td>
            <td class="tb-num" style="color:var(--amber);">4</td>
            <td class="tb-num" style="color:var(--green);">1</td>
            <td class="tb-num">0</td>
            <td class="tb-num">1</td>
            <td class="tb-num">1</td>
          </tr><tr>
            <td class="tb-num">11</td>
            <td style="font-size:0.86rem;max-width:360px;">上了年纪就特别爱吃这种不加蔗糖的营养饼干， 你要是吃了也会和我一样反复爱上！#江中猴姑饼干#零食必囤</td>
            <td class="tb-num" style="color:var(--amber);">4</td>
            <td class="tb-num" style="color:var(--green);">0</td>
            <td class="tb-num">0</td>
            <td class="tb-num">1</td>
            <td class="tb-num">3</td>
          </tr><tr>
            <td class="tb-num">12</td>
            <td style="font-size:0.86rem;max-width:360px;">我们才是猴头菇饼干的源头厂家！ 正宗江中猴姑饼干，一单到手三大盒赶紧囤！#江中猴姑饼干 #工厂</td>
            <td class="tb-num" style="color:var(--amber);">2</td>
            <td class="tb-num" style="color:var(--green);">0</td>
            <td class="tb-num">0</td>
            <td class="tb-num">0</td>
            <td class="tb-num">0</td>
          </tr>
        </tbody>
      </table>
    </div>
    
    <h3 class="text-h2 rise-in" style="margin-top:8px;margin-bottom:18px;">品类关键词热度</h3>
    <div class="grid grid-2" style="margin-bottom:32px;">
      <div class="card fade-up"><div class="text-mono text-xs text-amber">KEYWORD "肝纯片"</div><div class="text-sm" style="margin-top:10px;color:var(--text-3);">当前品类曝光低，搜索结果为 0 条 — 说明此品类在抖音尚未形成内容沉淀，是<strong class="text-amber">蓝海机会</strong>。</div></div><div class="card fade-up"><div class="text-mono text-xs text-amber">KEYWORD "江中肝纯片"</div><div class="text-sm" style="margin-top:10px;color:var(--text-3);">当前品类曝光低，搜索结果为 0 条 — 说明此品类在抖音尚未形成内容沉淀，是<strong class="text-amber">蓝海机会</strong>。</div></div>
    </div>
  </div>
</section>
<section class="report-section" id="s7" data-tone="blue" data-slide-num="10/12">
  <div class="section-inner">
    <div class="section-head rise-in">
      <div class="section-eyebrow">07 · Themes Cluster</div>
      <h2 class="text-h1"><span class="headline-anim">痛点 · 亮点 · 场景</span></h2>
      <p class="section-sub">从真实语料中提炼出的 VOC 主题 · 标注频次与典型原声</p>
    </div>
    <div style="display:flex;flex-direction:column;gap:56px;">
      
    <div>
      <div class="section-eyebrow fade-up" style="color:var(--rose);">07.1 · PAIN POINTS</div>
      <h3 class="text-h2 fade-up" style="margin-bottom:18px;">痛点主题</h3>
      <div class="grid grid-3">
        <div class="theme-poster pain fade-up">
          <h4>副作用担忧</h4>
          <div class="count"><span class="num">1</span>次提及</div>
          <ul class="examples">
            <li>"肝病医生紧急出面讲解，护肝片对人体的伤害有多大！ #护肝片 #医学科普 #中医 #护肝片真的有用吗"</li>
          </ul>
        </div>
        <div class="theme-poster pain fade-up">
          <h4>信任危机</h4>
          <div class="count"><span class="num">1</span>次提及</div>
          <ul class="examples">
            <li>"别再上当受骗了，正品的江中肝纯片长这样 #国货之光 #江中肝纯片 #老牌国货"</li>
          </ul>
        </div>
      </div>
    </div>
      
    <div>
      <div class="section-eyebrow fade-up" style="color:var(--green);">07.2 · BRIGHT SPOTS</div>
      <h3 class="text-h2 fade-up" style="margin-bottom:18px;">亮点主题</h3>
      <div class="grid grid-3">
        <div class="theme-poster bright fade-up">
          <h4>高复购意向</h4>
          <div class="count"><span class="num">5</span>次提及</div>
          <ul class="examples">
            <li>"有没有推荐吃的医生"</li><li>"长期熬夜到12点的人要坚持吃保健品护肝片吗"</li>
          </ul>
        </div>
        <div class="theme-poster bright fade-up">
          <h4>效果认可</h4>
          <div class="count"><span class="num">3</span>次提及</div>
          <ul class="examples">
            <li>"熬夜真的爆肝！生化硕士教你3步选对护肝片 1.看成分：水飞蓟宾才是有效成分 2.看含量：足够含量才真正有效 3.看配方：复方比单方更全面 别再乱买啦！ #养肝"</li><li>"熬夜党必看 | 护肝片不是零食，吃前看这三点 KPI不会替你扛肝损 ✅ 对症才有效： ▪️ 熬夜脸黄：选含水飞蓟宾+谷胱甘肽 ▪️ 应酬饮酒：认准朝鲜蓟+姜黄素"</li>
          </ul>
        </div>
        <div class="theme-poster bright fade-up">
          <h4>体验温和</h4>
          <div class="count"><span class="num">1</span>次提及</div>
          <ul class="examples">
            <li>"阔以呀，放心啦 刚在某宝买了 真的"</li>
          </ul>
        </div>
      </div>
    </div>
      
    <div>
      <div class="section-eyebrow fade-up" style="color:var(--blue);">07.3 · USAGE SCENARIOS</div>
      <h3 class="text-h2 fade-up" style="margin-bottom:18px;">场景主题</h3>
      <div class="grid grid-3">
        <div class="theme-poster scene fade-up">
          <h4>应酬场景</h4>
          <div class="count"><span class="num">5</span>次提及</div>
          <ul class="examples">
            <li>"天天喝酒可以吃护肝片呢"</li><li>"长期熬夜到12点的人要坚持吃保健品护肝片吗"</li>
          </ul>
        </div>
        <div class="theme-poster scene fade-up">
          <h4>育儿场景</h4>
          <div class="count"><span class="num">1</span>次提及</div>
          <ul class="examples">
            <li>"我之前体检说重度脂肪肝，后来买了护肝片吃了一瓶半吧，去体检说是中度了，后来怀孕停了，生完孩子六个月，还剩一瓶半过期了，扔掉好可惜，又说哺乳期不能吃。"</li>
          </ul>
        </div>
        <div class="theme-poster scene fade-up">
          <h4>职场场景</h4>
          <div class="count"><span class="num">1</span>次提及</div>
          <ul class="examples">
            <li>"经常熬夜加班，求男性护肝片推荐～ 经常熬夜加班，求男性护肝片推荐"</li>
          </ul>
        </div>
      </div>
    </div>
    </div>
  </div>
</section>
<section class="report-section" id="s8" data-tone="purple" data-slide-num="11/12">
  <div class="section-inner">
    <div class="section-head rise-in">
      <div class="section-eyebrow">08 · Opportunity Matrix</div>
      <h2 class="text-h1"><span class="headline-anim">品类机会矩阵</span></h2>
      <p class="section-sub">四象限 · 产品可解决性 × 用户痛点强度</p>
    </div>
    <div class="matrix-2x2 fade-up">
      <div class="axis-y">痛点强度 LOW → HIGH</div>
      <div class="matrix-cell q1">
        <div class="cell-label text-amber">QUADRANT I · 产品机会</div>
        <h5>高痛点 · 产品可优化解决</h5>
        <p>尚无强信号。这些痛点可通过产品配方、剂型、包装直接优化 — 直接迭代 ROI 最高。</p>
      </div>
      <div class="matrix-cell q2">
        <div class="cell-label text-green">QUADRANT II · 强化既有</div>
        <h5>低痛点 · 产品可强化放大</h5>
        <p><strong class="text-green">高复购意向</strong>(5) / <strong class="text-green">效果认可</strong>(3) / <strong class="text-green">体验温和</strong>(1)。这些是消费者已认同的优势，内容营销直接放大。</p>
      </div>
      <div class="matrix-cell q3">
        <div class="cell-label text-rose">QUADRANT III · 教育必投</div>
        <h5>高痛点 · 非产品端</h5>
        <p><strong class="text-rose">副作用担忧</strong>(1) / <strong class="text-rose">信任危机</strong>(1)。这些是品类心智问题，需要 PR / 教育内容 / 品牌信任建设长期解决。</p>
      </div>
      <div class="matrix-cell q4">
        <div class="cell-label text-purple">QUADRANT IV · 场景机会</div>
        <h5>潜在使用场景 · 可扩展</h5>
        <p><strong class="text-purple">应酬场景</strong>(5) / <strong class="text-purple">育儿场景</strong>(1)。这些场景是新增长入口，可通过 campaign / 联名 / KOC 铺量打开。</p>
      </div>
      <div class="axis-x">产品可解决性 LOW → HIGH</div>
    </div>
  </div>
</section>
<section class="report-section" id="s9" data-tone="amber" data-slide-num="12/12">
  <div class="section-inner">
    <div class="section-head rise-in">
      <div class="section-eyebrow">09 · Action Plan</div>
      <h2 class="text-h1"><span class="headline-anim">30 天行动建议</span></h2>
      <p class="section-sub">产品 / 内容 / 渠道 三路并进，从 VOC 到落地。</p>
    </div>
    <div class="grid grid-3" style="margin-bottom:40px;">
      <div class="card card-accent fade-up">
        <div class="text-mono text-xs text-amber">TRACK A · PRODUCT</div>
        <h3 class="text-h2" style="margin-top:10px;">产品端</h3>
        <ul style="margin-top:16px;list-style:none;display:flex;flex-direction:column;gap:10px;color:var(--text-2);font-size:0.9rem;">
          <li>✓ 针对「副作用担忧」推出改良版 SKU / 新剂型</li>
          <li>✓ 包装文案直接借用高赞评论原文</li>
          <li>✓ 上市前用同样 VOC 链路做 A/B 预测试</li>
        </ul>
      </div>
      <div class="card card-accent fade-up" style="border-left-color:var(--green);">
        <div class="text-mono text-xs text-green">TRACK B · CONTENT</div>
        <h3 class="text-h2" style="margin-top:10px;">内容端</h3>
        <ul style="margin-top:16px;list-style:none;display:flex;flex-direction:column;gap:10px;color:var(--text-2);font-size:0.9rem;">
          <li>✓ 切入「应酬场景」场景做系列种草</li>
          <li>✓ 复用 Top 爆款笔记标题公式批量产出</li>
          <li>✓ 用高赞评论作为视频字幕 / 金句 BGM</li>
        </ul>
      </div>
      <div class="card card-accent fade-up" style="border-left-color:var(--purple);">
        <div class="text-mono text-xs text-purple">TRACK C · CHANNEL</div>
        <h3 class="text-h2" style="margin-top:10px;">渠道端</h3>
        <ul style="margin-top:16px;list-style:none;display:flex;flex-direction:column;gap:10px;color:var(--text-2);font-size:0.9rem;">
          <li>✓ 头部 0 位优先合作（如 生化硕士K妈）</li>
          <li>✓ 腰部 2 位批量铺垫品类心智</li>
          <li>✓ KOC 2 位素材铺量支撑投流</li>
        </ul>
      </div>
    </div>
    <h3 class="text-h2 fade-up" style="margin-bottom:18px;">30 天时间线</h3>
    <div class="tl fade-up">
      <div class="tl-item">
        <div class="tl-time">DAY 01 — 07 · 对齐</div>
        <h5>对齐核心 VOC 发现 + 快速小样测试</h5>
        <p>把本报告的 Top 3 洞察 / Top 痛点 / Top 爆款笔记，在内部做 1 次品牌 / 产品 / 运营 / 投放四方对齐会。选 1-2 个高赞评论金句，做小样社交投流测试。</p>
      </div>
      <div class="tl-item">
        <div class="tl-time">DAY 08 — 14 · 内容</div>
        <h5>复用爆款结构，启动 KOC 铺量</h5>
        <p>以「应酬场景」为切入点，量产 20-30 条 KOC 笔记；每条笔记用不同的高赞评论做卡点。配合 2 位腰部达人同步发种草。</p>
      </div>
      <div class="tl-item">
        <div class="tl-time">DAY 15 — 21 · 放大</div>
        <h5>基于数据优选，头部合作上场</h5>
        <p>根据 Day 08-14 的测试数据，锁定 2-3 个最强素材方向，启动头部 KOL 合作。同步通过 Amazon 国际对标数据测试是否跨境放量。</p>
      </div>
      <div class="tl-item">
        <div class="tl-time">DAY 22 — 30 · 复盘</div>
        <h5>收集新一轮 VOC，迭代下次投放</h5>
        <p>重新跑 VOC 采集脚本，对比 30 天前后的痛点词频变化。把"新涌现的痛点"作为下一迭代的产品优化 input，形成闭环。</p>
      </div>
    </div>
  </div>
</section>
</main>
<footer class="report-footer">
  <div>Generated by <strong class="text-amber">BRAIN·HACK / VOC</strong> · Powered by TikHub + Sorftime + OpenClaw Skills</div>
  <div class="meta">Data sources: Xiaohongshu · Amazon (via Sorftime) · Douyin (via TikHub)</div>
</footer>
<script>
window.__CHART_DATA__ = {"priceBuckets":{"<$15":112,"$15-25":235,"$25-40":168,"$40-60":51,"$60-100":14,">$100":3},"topBrands":[["Dose for Your Liver",434877299],["Natures Craft",167706190],["Clean Nutraceuticals",91640316],["JSHealth",75064275],["Cheers",71033654],["MAËLYS",68050800],["1MD Nutrition",67535780],["Bronson",64236884]],"topBrandShares":[{"name":"Dose for Your Liver","value":18.3,"sales":434877299,"count":3},{"name":"Natures Craft","value":7.1,"sales":167706190,"count":12},{"name":"Clean Nutraceuticals","value":3.9,"sales":91640316,"count":12},{"name":"JSHealth","value":3.2,"sales":75064275,"count":1},{"name":"Cheers","value":3,"sales":71033654,"count":4},{"name":"MAËLYS","value":2.9,"sales":68050800,"count":1},{"name":"1MD Nutrition","value":2.8,"sales":67535780,"count":1},{"name":"Bronson","value":2.7,"sales":64236884,"count":2}],"ratingBuckets":{"< 4.0":44,"4.0-4.3":87,"4.3-4.5":179,"4.5-4.7":201,"≥ 4.7":148},"reviewCountBuckets":{"< 100":288,"100-500":193,"500-1k":81,"1k-5k":94,"5k-20k":29,"≥ 20k":4},"starDistProducts":[{"asin":"B079JX3FMC","brand":"Bronson","title":"Bronson Milk Thistle Silymar","stars":[74,12,4,2,8]},{"asin":"B0CNSCNJB5","brand":"Dose for Your Liver","title":"Dose for Your Liver Cleanse ","stars":[80,10,1,1,8]},{"asin":"B0B9857FY5","brand":"Natures Craft","title":"Natures Craft Liver Cleanse ","stars":[75,10,3,2,10]}],"topIPs":[["广东",3],["北京",3],["陕西",1],["海南",1],["浙江",1],["湖南",1],["四川",1],["云南",1],["山西",1],["江苏",1]],"noteHeatmap":[{"title":"打工人必备的自救指南之护肝片","liked":4001,"comments":10,"collected":3627},{"title":"护肝片，真的可以保护我们的肝脏吗？","liked":2355,"comments":56,"collected":1296},{"title":"不要吃护肝片 不要吃护肝片 不要吃护肝片","liked":1997,"comments":165,"collected":864},{"title":"","liked":764,"comments":58,"collected":292},{"title":"熬夜真的爆肝！生化硕士教你3步选对护肝片","liked":685,"comments":29,"collected":288},{"title":"熬夜党必看 | 护肝片不是零食，吃前看这三点","liked":681,"comments":16,"collected":584},{"title":"白发转黑啦","liked":19,"comments":9,"collected":13},{"title":"经常熬夜加班，求男性护肝片推荐～","liked":16,"comments":20,"collected":0},{"title":"替大家试过了","liked":13,"comments":11,"collected":7},{"title":"这才是真正的肝纯片！","liked":5,"comments":0,"collected":6},{"title":"","liked":4,"comments":24,"collected":0},{"title":"别再上当受骗了，正品的江中肝纯片长这样","liked":2,"comments":2,"collected":0}],"douyinPosts":[{"aweme_id":"7628552879900478739","desc":"如果一年只买一次零食，那就一定要趁江中猴姑有活动的时候买！ #江中猴姑饼干 #营养好吃 #超划算","cover":"https://p26-sign.douyinpic.com/tos-cn-i-dy/2aac914b226a4aaa96d7872a996ceb56~tplv-dy-resize-walign-adapt-aq:540:q75.heic?lk3s=138a59ce&x-expires=1777734000&x-signature=jImG8%2Bq1YQMoUtCzMLcKKkeziQA%3D&from=327834062&s=PackSourceEnum_PUBLISH&se=false&sc=cover&biz_tag=aweme_video&l=20260418233918BC52B9D2C16338F4051D","create_time":1776326400,"digg":39,"comment":1,"share":3,"play":0,"collect":7},{"aweme_id":"7629654211025833267","desc":"先说好，可不能骂我！如果你们想吃九块九一盒还真实添加猴头菇 做的营养饼干，那我这里可没有！#江中猴姑饼干","cover":"https://p3-sign.douyinpic.com/tos-cn-i-dy/7b146d79ac19457bb1dbdcfe461b8dd8~tplv-dy-resize-walign-adapt-aq:540:q75.heic?lk3s=138a59ce&x-expires=1777734000&x-signature=lW8MEFzjxkU50OJC0kmJFFQ2m%2B4%3D&from=327834062&s=PackSourceEnum_PUBLISH&se=false&sc=cover&biz_tag=aweme_video&l=20260418233918BC52B9D2C16338F4051D","create_time":1776427200,"digg":9,"comment":0,"share":0,"play":0,"collect":2},{"aweme_id":"7627053219381906742","desc":"这才是30+的人该吃的，被誉为加班人之友的江中猴姑饼干！ #江中猴姑饼干 #零食必备","cover":"https://p3-sign.douyinpic.com/tos-cn-i-dy/fa3b626407e0433b8d143ce5614514a9~tplv-dy-resize-walign-adapt-aq:540:q75.heic?lk3s=138a59ce&x-expires=1777734000&x-signature=%2FL4oKuK2%2Fpr%2FUQvw%2B3QfPTlOJuI%3D&from=327834062&s=PackSourceEnum_PUBLISH&se=false&sc=cover&biz_tag=aweme_video&l=20260418233918BC52B9D2C16338F4051D","create_time":1775894400,"digg":8,"comment":1,"share":1,"play":0,"collect":1},{"aweme_id":"7628552417197542698","desc":"爸妈收到高兴坏了！直夸我会买! 0蔗糖的江中猴姑饼干，直播间大促赶紧囤！#江中猴姑饼干","cover":"https://p11-sign.douyinpic.com/tos-cn-i-dy/7c07969272e74893ae49d6b37db23b13~tplv-dy-resize-walign-adapt-aq:540:q75.heic?lk3s=138a59ce&x-expires=1777734000&x-signature=%2BjiYhzJyAXaj2F5b7AhVFYhnGOc%3D&from=327834062&s=PackSourceEnum_PUBLISH&se=false&sc=cover&biz_tag=aweme_video&l=20260418233918BC52B9D2C16338F4051D","create_time":1776304800,"digg":7,"comment":0,"share":1,"play":0,"collect":4},{"aweme_id":"7627054849439304996","desc":"嘿嘿嘿~快来薅羊毛！江中猴姑饼干居然这么划算！ 直播间一单到手三大盒赶紧来抢！#江中猴姑饼干 #超划算","cover":"https://p5-ex-gddgtc-sign.douyinpic.com/tos-cn-i-dy/8a21d82414da487a8a9e5a7ae3870c52~tplv-dy-resize-walign-adapt-aq:540:q75.heic?lk3s=138a59ce&x-expires=1777734000&x-signature=TZzWt%2F3SQJKgGp1MUaX2QhfexF4%3D&from=327834062&s=PackSourceEnum_PUBLISH&se=false&sc=cover&biz_tag=aweme_video&l=20260418233918BC52B9D2C16338F4051D","create_time":1776045600,"digg":7,"comment":1,"share":1,"play":0,"collect":2},{"aweme_id":"7627054187171335466","desc":"没时间做早餐的看过来！就是这个江中猴姑饼干，酥酥脆脆的， 搭配牛奶吃口感超级丰富！#江中猴姑饼干 #营养好吃","cover":"https://p5-ex-gddgtc-sign.douyinpic.com/tos-cn-i-dy/50ac4944762542a98187b181a4f2546b~tplv-dy-resize-walign-adapt-aq:540:q75.heic?lk3s=138a59ce&x-expires=1777734000&x-signature=6VnXx2ljeCM6SPCk9pSrBmhqtwI%3D&from=327834062&s=PackSourceEnum_PUBLISH&se=false&sc=cover&biz_tag=aweme_video&l=20260418233918BC52B9D2C16338F4051D","create_time":1775980800,"digg":7,"comment":1,"share":2,"play":0,"collect":3},{"aweme_id":"7628551400636550442","desc":"你可看好了，这可不是普通的零食， 这是专门给早上来不及吃早餐，还不爱吃糖的人准备的江中猴姑饼干！#营养好吃 #零食必备","cover":"https://p11-sign.douyinpic.com/tos-cn-i-dy/705a6cdc87124729894538cbffc835c7~tplv-dy-resize-walign-adapt-aq:540:q75.heic?lk3s=138a59ce&x-expires=1777734000&x-signature=XP83T8DkRKbRkyXUUDCd85muf5k%3D&from=327834062&s=PackSourceEnum_PUBLISH&se=false&sc=cover&biz_tag=aweme_video&l=20260418233918BC52B9D2C16338F4051D","create_time":1776218400,"digg":6,"comment":1,"share":1,"play":0,"collect":0},{"aweme_id":"7627055241627782436","desc":"紧急通知！！！江中猴姑饼干一单给大家发三大盒的活动即将下架！ #江中猴姑饼干 #营养好吃","cover":"https://p3-sign.douyinpic.com/tos-cn-i-dy/d69725c31bd9483881821dfac9280546~tplv-dy-resize-walign-adapt-aq:540:q75.heic?lk3s=138a59ce&x-expires=1777734000&x-signature=rz2HUfABJ4NKYdGMAU0SoIDPBAI%3D&from=327834062&s=PackSourceEnum_PUBLISH&se=false&sc=cover&biz_tag=aweme_video&l=20260418233918BC52B9D2C16338F4051D","create_time":1776067200,"digg":6,"comment":0,"share":2,"play":0,"collect":2},{"aweme_id":"7629650625847987466","desc":"你们的意见我们统统改了，还有什么呢？ #江中猴姑饼干","digg":1,"comment":0,"share":0,"play":0},{"aweme_id":"7629650349674007859","desc":"别看它长得像个小零食啊，真别低估了它，也别小看了它！ #江中猴姑饼干","digg":1,"comment":1,"share":0,"play":0},{"aweme_id":"7629649937055173926","desc":"给平时嘴馋又不敢多吃的姐妹，推荐一款营养好吃的饼干 #江中猴姑饼干","digg":4,"comment":1,"share":1,"play":0},{"aweme_id":"7629649446992645402","desc":"没有一款饼干能做到0糖又好吃，但是我们做到了! #江中猴姑饼干","digg":0,"comment":0,"share":0,"play":0},{"aweme_id":"7629672165905911090","desc":"出游必备江中猴姑饼干，现在宠粉福利，可千万别错过了#万物皆可飞  #万物皆可拍","digg":0,"comment":0,"share":0,"play":0},{"aweme_id":"7629163642675596570","desc":"我们才是猴头菇饼干的源头厂家！ 正宗江中猴姑饼干，一单到手三大盒赶紧囤！#江中猴姑饼干 #工厂","digg":2,"comment":0,"share":0,"play":0},{"aweme_id":"7629163128755916059","desc":"这以后谁还买杂牌饼干呢， 你看现在江中猴姑饼干到手满满这么多才多少钱！#江中猴姑饼干","digg":1,"comment":0,"share":0,"play":0},{"aweme_id":"7628551833195236644","desc":"上了年纪就特别爱吃这种不加蔗糖的营养饼干， 你要是吃了也会和我一样反复爱上！#江中猴姑饼干#零食必囤","digg":4,"comment":0,"share":1,"play":0},{"aweme_id":"7627053824255085878","desc":"上了年纪之后就特别喜欢吃这种健康营养的小零食， 你们知道它的配方之后也一定会跟我一样把它当成心头爱。#江中猴姑饼干","digg":2,"comment":0,"share":0,"play":0},{"aweme_id":"7627052866733083923","desc":"幸好没有提前买，不然就错过江中猴姑拍一发三， 拍二发六的福利活动啦！#江中猴姑饼干 #宠粉大促","digg":1,"comment":0,"share":0,"play":0},{"aweme_id":"7625839990026603782","desc":"姐妹们！我终于找到了这个不加蔗糖的猴头菇饼干了！ 就算是自律期也能放心吃！#江中猴姑饼干","digg":5,"comment":2,"share":2,"play":0},{"aweme_id":"7625839106374913343","desc":"最近公司这个0糖的猴头菇饼干很受欢迎，让我来尝尝怎么回事 #江中猴姑饼干 #打工人下午茶","digg":1,"comment":0,"share":1,"play":0}]};

(function(){
  'use strict';

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

</script>
</body>
</html>