18307996893
/
fmode-voc-projects


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617361836193620362136223623362436253626362736283629363036313632363336343635363636373638363936403641364236433644364536463647364836493650365136523653365436553656365736583659366036613662366336643665366636673668366936703671367236733674367536763677367836793680368136823683368436853686368736883689369036913692369336943695369636973698369937003701370237033704370537063707370837093710371137123713371437153716371737183719372037213722372337243725372637273728372937303731373237333734373537363737373837393740374137423743374437453746374737483749375037513752
							<!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;">儿童功能食品 / 肠道调理</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">28</strong> 篇相关笔记 ·
        <strong class="text-amber">105</strong> 条真实评论 ·
        <strong class="text-amber">2</strong> 位作者画像 ·
        叠加 Amazon <strong class="text-amber">20</strong> 款国际对标产品，
        解构用户真实需求、场景与未被满足的机会。
      </p>
      <div class="cover-stats fade-up">
        <div class="cover-stat"><div class="num">2.2w</div><div class="lbl">累计点赞</div></div>
        <div class="cover-stat"><div class="num">3.0k</div><div class="lbl">累计评论</div></div>
        <div class="cover-stat"><div class="num">9.0k</div><div class="lbl">累计收藏</div></div>
        <div class="cover-stat"><div class="num">3.5k</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="28">28</div>
        <div class="metric-sub">关键词覆盖 3 个维度</div>
      </div>
      <div class="metric fade-up">
        <div class="metric-label">评论原声</div>
        <div class="metric-value" data-count="105">105</div>
        <div class="metric-sub">来自 Top 笔记深度抓取</div>
      </div>
      <div class="metric fade-up">
        <div class="metric-label">作者画像</div>
        <div class="metric-value" data-count="2">2</div>
        <div class="metric-sub">头部 0 · 腰部 1 · KOC 1</div>
      </div>
      <div class="metric fade-up">
        <div class="metric-label">评论/点赞比</div>
        <div class="metric-value">13.3<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">在 105 条评论中，"口感差"被反复提及 <strong class="text-amber">4</strong> 次，超过任何品牌词。这是品类级的心智障碍，比产品本身更值得投资解决。</p>
        <div class="insight-data">
          <div class="dp"><span class="num">4</span><span class="lbl">提及次数</span></div>
          <div class="dp"><span class="num">8</span><span class="lbl">正向对照</span></div>
          <div class="dp"><span class="num text-rose">3.8%</span><span class="lbl">覆盖率</span></div>
        </div>
      </div>
      <div class="insight-banner fade-up" data-num="II">
        <h3>最高赞笔记 <strong>1.6w</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">1.6w</span><span class="lbl">最高赞</span></div>
          <div class="dp"><span class="num">1.1k</span><span class="lbl">评论</span></div>
          <div class="dp"><span class="num">6.3k</span><span class="lbl">收藏</span></div>
        </div>
      </div>
      <div class="insight-banner fade-up" data-num="III">
        <h3>一条 <strong>869</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">869</span><span class="lbl">评论获赞</span></div>
          <div class="dp"><span class="num">8</span><span class="lbl">亮点提及</span></div>
          <div class="dp"><span class="num">13</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">1.6w</span><span class="l">LIKES</span></div>
          <div class="st"><span class="n">1.1k</span><span class="l">COMMENTS</span></div>
          <div class="st"><span class="n">6.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">#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">1.7k</span><span class="l">LIKES</span></div>
          <div class="st"><span class="n">42</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">785</span><span class="l">LIKES</span></div>
          <div class="st"><span class="n">81</span><span class="l">COMMENTS</span></div>
          <div class="st"><span class="n">312</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">415</span><span class="l">LIKES</span></div>
          <div class="st"><span class="n">163</span><span class="l">COMMENTS</span></div>
          <div class="st"><span class="n">198</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">每天认识一味药—乳酸菌素片</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">341</span><span class="l">LIKES</span></div>
          <div class="st"><span class="n">32</span><span class="l">COMMENTS</span></div>
          <div class="st"><span class="n">91</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">#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">331</span><span class="l">LIKES</span></div>
          <div class="st"><span class="n">46</span><span class="l">COMMENTS</span></div>
          <div class="st"><span class="n">96</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">302</span><span class="l">LIKES</span></div>
          <div class="st"><span class="n">204</span><span class="l">COMMENTS</span></div>
          <div class="st"><span class="n">72</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">#08</div>
        <div class="note-title">打卡Day1 乳酸菌素片</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">298</span><span class="l">LIKES</span></div>
          <div class="st"><span class="n">114</span><span class="l">COMMENTS</span></div>
          <div class="st"><span class="n">72</span><span class="l">SAVES</span></div>
        </div>
        <div class="text-xs" style="color:var(--text-3);">@小r爱走路.</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">298</span><span class="l">LIKES</span></div>
          <div class="st"><span class="n">180</span><span class="l">COMMENTS</span></div>
          <div class="st"><span class="n">75</span><span class="l">SAVES</span></div>
        </div>
        <div class="text-xs" style="color:var(--text-3);">@Kibo</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">286</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">87</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">283</span><span class="l">LIKES</span></div>
          <div class="st"><span class="n">279</span><span class="l">COMMENTS</span></div>
          <div class="st"><span class="n">48</span><span class="l">SAVES</span></div>
        </div>
        <div class="text-xs" style="color:var(--text-3);">@momo</div>
      </div>
      <div class="note-card fade-up">
        <div class="note-rank">#12</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">270</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">127</span><span class="l">SAVES</span></div>
        </div>
        <div class="text-xs" style="color:var(--text-3);">@嘻嘻CC</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">♥ 869</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">♥ 364</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">♥ 241</span>
        </div>
      </div>
      <div class="voice-card  fade-up">
        <p class="voice-content">真的有点效果在身上的！！下午刚到货四点多吃的 现在七点半就已经噗噗了！！！！</p>
        <div class="voice-meta">
          <span>匿名</span>
          <span class="voice-likes">♥ 221</span>
        </div>
      </div>
      <div class="voice-card  fade-up">
        <p class="voice-content">挺好吃的（可能我吃惯了），减肥期间吃这个不仅调理肠胃还减少一点食欲（）</p>
        <div class="voice-meta">
          <span>匿名</span>
          <span class="voice-likes">♥ 184</span>
        </div>
      </div>
      <div class="voice-card  fade-up">
        <p class="voice-content">可以连续吃3个月！一个疗程不要长期吃（这是官方回复我的）</p>
        <div class="voice-meta">
          <span>匿名</span>
          <span class="voice-likes">♥ 141</span>
        </div>
      </div>
      <div class="voice-card  fade-up">
        <p class="voice-content">真的可以吃两板了，能治好拉肚子，我肠胃本来就不好，我是一个特别喜欢吃辣的人，吃完辣的之后肚子就开始痛，不停的要上厕所，但是吃完这个之后，肚子不痛了，拉便都是成型的，真的太好了，真的有用，真实的评价，下次还会买</p>
        <div class="voice-meta">
          <span>匿名</span>
          <span class="voice-likes">♥ 92</span>
        </div>
      </div>
      <div class="voice-card  fade-up">
        <p class="voice-content">为啥我觉得挺好吃的，像酸奶片</p>
        <div class="voice-meta">
          <span>匿名</span>
          <span class="voice-likes">♥ 69</span>
        </div>
      </div>
      <div class="voice-card  fade-up">
        <p class="voice-content">不是，大餐或者是暴食后吃很有用，但不能长期吃</p>
        <div class="voice-meta">
          <span>匿名</span>
          <span class="voice-likes">♥ 55</span>
        </div>
      </div>
      <div class="voice-card  fade-up">
        <p class="voice-content">孩子上了学3天没拉臭臭，早上吃一个，下午回家吃一颗，反正天天都拉臭臭</p>
        <div class="voice-meta">
          <span>匿名</span>
          <span class="voice-likes">♥ 54</span>
        </div>
      </div>
      <div class="voice-card  fade-up">
        <p class="voice-content">买了，，拉不出屎肚子胀的睡不着现在吃了六粒坐等拉屎</p>
        <div class="voice-meta">
          <span>匿名</span>
          <span class="voice-likes">♥ 46</span>
        </div>
      </div>
      <div class="voice-card  fade-up">
        <p class="voice-content">长期吃，我建议你服用益生菌，我就是肠胃不好，坚持服用一阵会有改善</p>
        <div class="voice-meta">
          <span>匿名</span>
          <span class="voice-likes">♥ 46</span>
        </div>
      </div>
      <div class="voice-card  fade-up">
        <p class="voice-content">你见过这么便宜的智商税吗</p>
        <div class="voice-meta">
          <span>匿名</span>
          <span class="voice-likes">♥ 46</span>
        </div>
      </div>
      <div class="voice-card  fade-up">
        <p class="voice-content">我超喜欢这个，天天当糖吃</p>
        <div class="voice-meta">
          <span>匿名</span>
          <span class="voice-likes">♥ 44</span>
        </div>
      </div>
      <div class="voice-card  fade-up">
        <p class="voice-content">胃胀气的时候感觉吃一吃能舒服很多</p>
        <div class="voice-meta">
          <span>匿名</span>
          <span class="voice-likes">♥ 41</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 粉且真实活跃的作者 · 已过滤 7 位低粉低互动账号</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);">1</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);">1</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 2 · 按粉丝排序</h3>
    <div class="grid grid-3">
      <div class="kol-card fade-up">
        <img class="kol-avatar" src="https://sns-avatar-qc.xhscdn.com/avatar/658e699d286aab000155e834.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">7.8w</span> 粉丝</span>
            <span>40.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/1040g2jo31hp4v4623s5g5psjhr03lgraq09lmuo?imageView2/2/w/360/format/webp" alt="" loading="lazy" onerror="this.style.display='none'">
        <div class="kol-info">
          <div class="kol-name">momo</div>
          <div class="kol-desc">狮子女istj♛天秤男intp 阳光这么好，何必自寻烦恼。 生活不是小说，没有那么完美。 付费情感咨询。杠精别来沾边，带有恶意的言论会删评拉</div>
          <div class="kol-stats">
            <span><span class="amber">8.6k</span> 粉丝</span>
            <span>17.4w 赞藏</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 页 · 20 款产品 · 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;">基于 20 款产品 + 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(--blue);">
        <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(--blue);line-height:1;margin-bottom:8px;">C</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(--blue);">14</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;">CONCENTRATED</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: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 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品牌垄断 94.7%（HHI=6513），<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;">价格跨度 $9-$72，各带均有生存空间。甜点价位 <strong style="color:var(--amber);">$15-25</strong> (7 款)</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;">HIGH BAR</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;">行业均评 4.61，90% 产品 ≥4.5 分，<strong style="color:var(--amber);">质量门槛极高</strong>，需做到 4.6+ 才有竞争力</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;">17 款产品评论 <500（85%），<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(--rose);">
        <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(--rose);line-height:1.4;">寡头垄断需谨慎</h4>
        </div>
        <p class="text-sm" style="color:var(--text-2);line-height:1.65;">前5品牌占 <strong>94.7%</strong>（HHI=6513），龙头 <strong>MARYRUTH‘S</strong> 独占 80.0%。建议做补位者而非挑战者。</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;">定价锚点 $19.3，建议价位 $17-23</h4>
        </div>
        <p class="text-sm" style="color:var(--text-2);line-height:1.65;">行业均价 $24.9，中位数 $19.3（$9-$72）。消费者对此品类的价格期望已形成锚定，<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(--rose);">
        <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(--rose);line-height:1.4;">质量基线 4.61 星 · 高</h4>
        </div>
        <p class="text-sm" style="color:var(--text-2);line-height:1.65;">行业均评 <strong>4.61</strong>。这是一个质量门槛极高的品类，新品不做到 4.6+ 很难撑起单品。最高频痛点是 <strong>Side Effects · 副作用担忧</strong>（1 次提及），这是第一优化方向。</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>Recommend/Repurchase · 推荐复购</strong>（3 次，覆盖 2 家品牌）；差评 Top 1：<strong>Side Effects · 副作用担忧</strong>（1 次）。营销应将「推荐复购」作为 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="20">20</div>
        <div class="metric-sub">4 组关键词 × 3 页</div>
      </div>
      <div class="metric fade-up">
        <div class="metric-label">均价 / 中位</div>
        <div class="metric-value">$24.9</div>
        <div class="metric-sub">中位 $19.30 · $9.0–$72</div>
      </div>
      <div class="metric fade-up">
        <div class="metric-label">平均评分</div>
        <div class="metric-value" style="color:var(--green);">4.61</div>
        <div class="metric-sub">用户质量期望 · 中位 4.6</div>
      </div>
      <div class="metric fade-up">
        <div class="metric-label">月销总额</div>
        <div class="metric-value" style="color:var(--amber);">$585.7k</div>
        <div class="metric-sub">CR5 94.7% · HHI 6513</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;">MARYRUTH‘S</td>
                <td class="tb-num">1</td>
                <td class="tb-num" style="color:var(--amber);">80.0%</td>
                <td class="tb-num">$468.9k</td>
              </tr><tr>
                <td class="tb-num">02</td>
                <td style="font-weight:600;">N/A</td>
                <td class="tb-num">1</td>
                <td class="tb-num" style="color:var(--amber);">9.7%</td>
                <td class="tb-num">$56.8k</td>
              </tr><tr>
                <td class="tb-num">03</td>
                <td style="font-weight:600;">Fawelo</td>
                <td class="tb-num">1</td>
                <td class="tb-num" style="color:var(--amber);">2.2%</td>
                <td class="tb-num">$13.0k</td>
              </tr><tr>
                <td class="tb-num">04</td>
                <td style="font-weight:600;">Garden of Life</td>
                <td class="tb-num">1</td>
                <td class="tb-num" style="color:var(--amber);">1.7%</td>
                <td class="tb-num">$9.9k</td>
              </tr><tr>
                <td class="tb-num">05</td>
                <td style="font-weight:600;">Culturelle</td>
                <td class="tb-num">2</td>
                <td class="tb-num" style="color:var(--amber);">1.0%</td>
                <td class="tb-num">$6.0k</td>
              </tr><tr>
                <td class="tb-num">06</td>
                <td style="font-weight:600;">NaturalKids</td>
                <td class="tb-num">1</td>
                <td class="tb-num" style="color:var(--amber);">0.9%</td>
                <td class="tb-num">$5.2k</td>
              </tr><tr>
                <td class="tb-num">07</td>
                <td style="font-weight:600;">Jarrow Formulas</td>
                <td class="tb-num">1</td>
                <td class="tb-num" style="color:var(--amber);">0.8%</td>
                <td class="tb-num">$4.8k</td>
              </tr><tr>
                <td class="tb-num">08</td>
                <td style="font-weight:600;">Burst</td>
                <td class="tb-num">1</td>
                <td class="tb-num" style="color:var(--amber);">0.7%</td>
                <td class="tb-num">$4.2k</td>
              </tr><tr>
                <td class="tb-num">09</td>
                <td style="font-weight:600;">Clean Nutraceuticals</td>
                <td class="tb-num">1</td>
                <td class="tb-num" style="color:var(--amber);">0.7%</td>
                <td class="tb-num">$3.9k</td>
              </tr><tr>
                <td class="tb-num">10</td>
                <td style="font-weight:600;">DR. BO</td>
                <td class="tb-num">1</td>
                <td class="tb-num" style="color:var(--amber);">0.7%</td>
                <td class="tb-num">$3.8k</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>94.7%</strong>, HHI = <strong>6513</strong>
          （<span style="color:var(--rose);">高度集中，头部垄断</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(--amber);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;">MARYRUTH‘S</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(--amber);border:1px solid var(--amber);letter-spacing:0.06em;white-space:nowrap;">Category Leader · 类目领导者</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;">80.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;">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;">$26.9</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.80</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 · B08T6N3DKY</div>
          <div class="text-sm" style="line-height:1.4;color:var(--text-1);margin-bottom:6px;">MaryRuth Organics Kids Probiotics for Digestive Health | USDA Probioti</div>
          <div class="text-xs text-mono" style="color:var(--text-3);display:flex;gap:12px;flex-wrap:wrap;">
            <span>$26.95</span>
            <span style="color:var(--green);">★ 4.8</span>
            <span>2.8k 评</span>
            <span style="color:var(--amber);">1.7w/月</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);">×2</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(--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);">×2</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>价格差 +$2 · 评分差 +0.19</span>
          <span style="margin-left:auto;">2.8k 评论</span>
        </div>
      </div><div class="card fade-up" style="border-left:4px solid var(--green);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;">N/A</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(--green);border:1px solid var(--green);letter-spacing:0.06em;white-space:nowrap;">Value Challenger · 性价比挑战者</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;">9.7%</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;">$12.9</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.60</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 · B0BLRK7PJH</div>
          <div class="text-sm" style="line-height:1.4;color:var(--text-1);margin-bottom:6px;">MaryRuth‘s Organic Toddler Probiotic Liquid Drops | Kids Probiotics fo</div>
          <div class="text-xs text-mono" style="color:var(--text-3);display:flex;gap:12px;flex-wrap:wrap;">
            <span>$12.95</span>
            <span style="color:var(--green);">★ 4.6</span>
            <span>1.2k 评</span>
            <span style="color:var(--amber);">4.4k/月</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>
        </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>价格差 $-12 · 评分差 -0.01</span>
          <span style="margin-left:auto;">1.2k 评论</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;">Fawelo</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;">Niche Specialist · 垂类玩家</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;">2.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;">$9.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.50</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 · B0DBSDXN43</div>
          <div class="text-sm" style="line-height:1.4;color:var(--text-1);margin-bottom:6px;">LOL Kids Toothpaste Fluoride Free, Nano Hydroxyapatite Toothpaste Kids</div>
          <div class="text-xs text-mono" style="color:var(--text-3);display:flex;gap:12px;flex-wrap:wrap;">
            <span>$8.99</span>
            <span style="color:var(--green);">★ 4.5</span>
            <span>179 评</span>
            <span style="color:var(--amber);">1.4k/月</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>价格差 $-16 · 评分差 -0.11</span>
          <span style="margin-left:auto;">179 评论</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;">#04</span>
            <h4 style="font-size:1.05rem;font-weight:700;">Garden of Life</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;">Niche Specialist · 垂类玩家</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;">1.7%</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;">$16.8</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.60</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 · B07TN3LC5N</div>
          <div class="text-sm" style="line-height:1.4;color:var(--text-1);margin-bottom:6px;">Garden of Life Kids Probiotic 3 Billion CFU, Cherry Flavor Gummies - S</div>
          <div class="text-xs text-mono" style="color:var(--text-3);display:flex;gap:12px;flex-wrap:wrap;">
            <span>$16.79</span>
            <span style="color:var(--green);">★ 4.6</span>
            <span>411 评</span>
            <span style="color:var(--amber);">588/月</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>价格差 $-8.2 · 评分差 -0.01</span>
          <span style="margin-left:auto;">411 评论</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;">Culturelle</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;">1.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;">2</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;">$42.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.90</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 · B0GS77Y6SK</div>
          <div class="text-sm" style="line-height:1.4;color:var(--text-1);margin-bottom:6px;">Culturelle® Kids Probiotics and Electrolytes Hydration Super Duo, Stra</div>
          <div class="text-xs text-mono" style="color:var(--text-3);display:flex;gap:12px;flex-wrap:wrap;">
            <span>$30.98</span>
            <span style="color:var(--green);">★ 4.8</span>
            <span>21 评</span>
            <span style="color:var(--amber);">193/月</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>价格差 +$17 · 评分差 +0.29</span>
          <span style="margin-left:auto;">23 评论</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;">MARYRUTH‘S</div><div class="text-xs" style="margin-top:3px;color:var(--text-3);">MaryRuth Organics Kids Probiotics for Digestive Health | USDA Probiotic Gummies </div></td>
      <td class="tb-num">$26.95</td>
      <td class="tb-num" style="color:var(--amber);">1.7w</td>
      <td>★ 4.8<br><span class="text-xs text-mono" style="color:var(--text-3);">2.8k 评</span></td>
      <td class="text-mono text-xs" style="color:var(--text-3);">B08T6N3DKY</td>
    </tr><tr>
      <td class="tb-num">02</td>
      <td><div style="font-weight:600;">N/A</div><div class="text-xs" style="margin-top:3px;color:var(--text-3);">MaryRuth‘s Organic Toddler Probiotic Liquid Drops | Kids Probiotics for Ages 1-3</div></td>
      <td class="tb-num">$12.95</td>
      <td class="tb-num" style="color:var(--amber);">4.4k</td>
      <td>★ 4.6<br><span class="text-xs text-mono" style="color:var(--text-3);">1.2k 评</span></td>
      <td class="text-mono text-xs" style="color:var(--text-3);">B0BLRK7PJH</td>
    </tr><tr>
      <td class="tb-num">03</td>
      <td><div style="font-weight:600;">Fawelo</div><div class="text-xs" style="margin-top:3px;color:var(--text-3);">LOL Kids Toothpaste Fluoride Free, Nano Hydroxyapatite Toothpaste Kids, Probioti</div></td>
      <td class="tb-num">$8.99</td>
      <td class="tb-num" style="color:var(--amber);">1.4k</td>
      <td>★ 4.5<br><span class="text-xs text-mono" style="color:var(--text-3);">179 评</span></td>
      <td class="text-mono text-xs" style="color:var(--text-3);">B0DBSDXN43</td>
    </tr><tr>
      <td class="tb-num">04</td>
      <td><div style="font-weight:600;">Garden of Life</div><div class="text-xs" style="margin-top:3px;color:var(--text-3);">Garden of Life Kids Probiotic 3 Billion CFU, Cherry Flavor Gummies - Sugar Free </div></td>
      <td class="tb-num">$16.79</td>
      <td class="tb-num" style="color:var(--amber);">588</td>
      <td>★ 4.6<br><span class="text-xs text-mono" style="color:var(--text-3);">411 评</span></td>
      <td class="text-mono text-xs" style="color:var(--text-3);">B07TN3LC5N</td>
    </tr><tr>
      <td class="tb-num">05</td>
      <td><div style="font-weight:600;">DR. BO</div><div class="text-xs" style="margin-top:3px;color:var(--text-3);">Kids Probiotic Liquid Drops Organic - Organic Probiotics for Kids Probiotics Age</div></td>
      <td class="tb-num">$10.00</td>
      <td class="tb-num" style="color:var(--amber);">381</td>
      <td>★ 4.4<br><span class="text-xs text-mono" style="color:var(--text-3);">31 评</span></td>
      <td class="text-mono text-xs" style="color:var(--text-3);">B0FB2SV7YY</td>
    </tr><tr>
      <td class="tb-num">06</td>
      <td><div style="font-weight:600;">Jarrow Formulas</div><div class="text-xs" style="margin-top:3px;color:var(--text-3);">Jarrow Formulas® Jarro-Dophilus® Kids Probiotics and Prebiotics, 1 Billion CFU, </div></td>
      <td class="tb-num">$12.80</td>
      <td class="tb-num" style="color:var(--amber);">378</td>
      <td>★ 4.6<br><span class="text-xs text-mono" style="color:var(--text-3);">88 评</span></td>
      <td class="text-mono text-xs" style="color:var(--text-3);">B0854GK9HK</td>
    </tr><tr>
      <td class="tb-num">07</td>
      <td><div style="font-weight:600;">Clean Nutraceuticals</div><div class="text-xs" style="margin-top:3px;color:var(--text-3);">Clean Nutra Kids Probiotics Gummies with Prebiotics, Postbiotics, Digestive Enzy</div></td>
      <td class="tb-num">$18.95</td>
      <td class="tb-num" style="color:var(--amber);">204</td>
      <td>★ 4.5<br><span class="text-xs text-mono" style="color:var(--text-3);">30 评</span></td>
      <td class="text-mono text-xs" style="color:var(--text-3);">B0FK81CJ26</td>
    </tr><tr>
      <td class="tb-num">08</td>
      <td><div style="font-weight:600;">Ancient Nutrition</div><div class="text-xs" style="margin-top:3px;color:var(--text-3);">Ancient Nutrition Probiotics for Kids, Kids Probiotics Gummies, Berry, Supports </div></td>
      <td class="tb-num">$16.96</td>
      <td class="tb-num" style="color:var(--amber);">196</td>
      <td>★ 4.7<br><span class="text-xs text-mono" style="color:var(--text-3);">46 评</span></td>
      <td class="text-mono text-xs" style="color:var(--text-3);">B09W4ZZC38</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;">MARYRUTH‘S</div><div class="text-xs" style="margin-top:3px;color:var(--text-3);">MaryRuth Organics Kids Probiotics for Digestive Health | USDA Probiotic Gummies </div></td>
      <td style="color:var(--green);font-weight:600;">★ 4.8</td>
      <td class="tb-num" style="color:var(--amber);">2.8k</td>
      <td class="tb-num">$26.95</td>
    </tr><tr>
      <td class="tb-num">02</td>
      <td><div style="font-weight:600;">N/A</div><div class="text-xs" style="margin-top:3px;color:var(--text-3);">MaryRuth‘s Organic Toddler Probiotic Liquid Drops | Kids Probiotics for Ages 1-3</div></td>
      <td style="color:var(--green);font-weight:600;">★ 4.6</td>
      <td class="tb-num" style="color:var(--amber);">1.2k</td>
      <td class="tb-num">$12.95</td>
    </tr><tr>
      <td class="tb-num">03</td>
      <td><div style="font-weight:600;">OptiBac</div><div class="text-xs" style="margin-top:3px;color:var(--text-3);">Optibac Kids Probiotics Gummies | 30 Strawberry-Flavored Probiotic Gummies for K</div></td>
      <td style="color:var(--green);font-weight:600;">★ 4.6</td>
      <td class="tb-num" style="color:var(--amber);">637</td>
      <td class="tb-num">$24.99</td>
    </tr><tr>
      <td class="tb-num">04</td>
      <td><div style="font-weight:600;">Garden of Life</div><div class="text-xs" style="margin-top:3px;color:var(--text-3);">Garden of Life Kids Probiotic 3 Billion CFU, Cherry Flavor Gummies - Sugar Free </div></td>
      <td style="color:var(--green);font-weight:600;">★ 4.6</td>
      <td class="tb-num" style="color:var(--amber);">411</td>
      <td class="tb-num">$16.79</td>
    </tr><tr>
      <td class="tb-num">05</td>
      <td><div style="font-weight:600;">MegaFood</div><div class="text-xs" style="margin-top:3px;color:var(--text-3);">MegaFood MegaFlora Kids Probiotics - 5 Billion CFUs - Non-GMO, Vegetarian, Made </div></td>
      <td style="color:var(--green);font-weight:600;">★ 4.5</td>
      <td class="tb-num" style="color:var(--amber);">248</td>
      <td class="tb-num">$18.99</td>
    </tr><tr>
      <td class="tb-num">06</td>
      <td><div style="font-weight:600;">DrFormulas</div><div class="text-xs" style="margin-top:3px;color:var(--text-3);">DrFormulas Nexabiotic Probiotic Powder for Babies, Infants &amp; Kids Probiotics wit</div></td>
      <td style="color:var(--green);font-weight:600;">★ 4.5</td>
      <td class="tb-num" style="color:var(--amber);">213</td>
      <td class="tb-num">$19.60</td>
    </tr><tr>
      <td class="tb-num">07</td>
      <td><div style="font-weight:600;">Fawelo</div><div class="text-xs" style="margin-top:3px;color:var(--text-3);">LOL Kids Toothpaste Fluoride Free, Nano Hydroxyapatite Toothpaste Kids, Probioti</div></td>
      <td style="color:var(--green);font-weight:600;">★ 4.5</td>
      <td class="tb-num" style="color:var(--amber);">179</td>
      <td class="tb-num">$8.99</td>
    </tr><tr>
      <td class="tb-num">08</td>
      <td><div style="font-weight:600;">Lifeable</div><div class="text-xs" style="margin-top:3px;color:var(--text-3);">Lifeable Probiotics for Kids Gummies | 50mg (5 Billion) | Great Tasting Kids Pro</div></td>
      <td style="color:var(--green);font-weight:600;">★ 4.6</td>
      <td class="tb-num" style="color:var(--amber);">159</td>
      <td class="tb-num">$0.00</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/81bwbpTUBiL._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);">MARYRUTH‘S</span>
            <span class="tag">有视频</span>
            <span class="tag">A+</span>
            
            
          </div>
          <div style="font-weight:600;font-size:0.88rem;margin-bottom:8px;line-height:1.4;">MaryRuth Organics Kids Probiotics for Digestive Health | USDA Probiotic Gummie</div>
          <div class="text-xs text-mono" style="color:var(--text-3);margin-bottom:10px;">ASIN · B08T6N3DKY</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';">$26.95</div></div>
            <div><div style="color:var(--text-3);">评分</div><div style="color:var(--green);font-weight:700;">★ 4.8 · 2.8k</div></div>
            <div><div style="color:var(--text-3);">月销</div><div style="font-weight:700;">1.7w</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;">1663d</div></div>
            <div><div style="color:var(--text-3);">Buybox 卖家</div><div style="font-weight:700;font-size:0.7rem;">MaryRuth Organic</div></div>
          </div>
        </div>
      </div><div class="card fade-up" style="display:flex;gap:16px;">
        <img src="https://m.media-amazon.com/images/I/51ooWPf9rXL.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);">N/A</span>
            <span class="tag">有视频</span>
            <span class="tag">A+</span>
            <span class="tag">品牌店</span>
            
          </div>
          <div style="font-weight:600;font-size:0.88rem;margin-bottom:8px;line-height:1.4;">MaryRuth‘s Organic Toddler Probiotic Liquid Drops | Kids Probiotics for Ages 1</div>
          <div class="text-xs text-mono" style="color:var(--text-3);margin-bottom:10px;">ASIN · B0BLRK7PJH</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';">$12.95</div></div>
            <div><div style="color:var(--text-3);">评分</div><div style="color:var(--green);font-weight:700;">★ 4.6 · 1.2k</div></div>
            <div><div style="color:var(--text-3);">月销</div><div style="font-weight:700;">4.4k</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;">1233d</div></div>
            <div><div style="color:var(--text-3);">Buybox 卖家</div><div style="font-weight:700;font-size:0.7rem;">MaryRuth Organic</div></div>
          </div>
        </div>
      </div><div class="card fade-up" style="display:flex;gap:16px;">
        <img src="https://m.media-amazon.com/images/I/41OqQyE1cqL.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);">Fawelo</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;">LOL Kids Toothpaste Fluoride Free, Nano Hydroxyapatite Toothpaste Kids, Probio</div>
          <div class="text-xs text-mono" style="color:var(--text-3);margin-bottom:10px;">ASIN · B0DBSDXN43</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.5 · 179</div></div>
            <div><div style="color:var(--text-3);">月销</div><div style="font-weight:700;">1.4k</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;">619d</div></div>
            <div><div style="color:var(--text-3);">Buybox 卖家</div><div style="font-weight:700;font-size:0.7rem;">Fawelo</div></div>
          </div>
        </div>
      </div><div class="card fade-up" style="display:flex;gap:16px;">
        <img src="https://m.media-amazon.com/images/I/51nabQNN8ZL._AC_SL1000_.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);">Garden of Life</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;">Garden of Life Kids Probiotic 3 Billion CFU, Cherry Flavor Gummies - Sugar Fre</div>
          <div class="text-xs text-mono" style="color:var(--text-3);margin-bottom:10px;">ASIN · B07TN3LC5N</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';">$16.79</div></div>
            <div><div style="color:var(--text-3);">评分</div><div style="color:var(--green);font-weight:700;">★ 4.6 · 411</div></div>
            <div><div style="color:var(--text-3);">月销</div><div style="font-weight:700;">588</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;">2355d</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 class="card fade-up" style="display:flex;gap:16px;">
        <img src="https://m.media-amazon.com/images/I/51943G+VlcL.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);">DR. BO</span>
            
            <span class="tag">A+</span>
            <span class="tag">品牌店</span>
            
          </div>
          <div style="font-weight:600;font-size:0.88rem;margin-bottom:8px;line-height:1.4;">Kids Probiotic Liquid Drops Organic - Organic Probiotics for Kids Probiotics A</div>
          <div class="text-xs text-mono" style="color:var(--text-3);margin-bottom:10px;">ASIN · B0FB2SV7YY</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';">$10.00</div></div>
            <div><div style="color:var(--text-3);">评分</div><div style="color:var(--green);font-weight:700;">★ 4.4 · 31</div></div>
            <div><div style="color:var(--text-3);">月销</div><div style="font-weight:700;">381</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;">222d</div></div>
            <div><div style="color:var(--text-3);">Buybox 卖家</div><div style="font-weight:700;font-size:0.7rem;">Dr. Bo</div></div>
          </div>
        </div>
      </div><div class="card fade-up" style="display:flex;gap:16px;">
        <img src="https://m.media-amazon.com/images/I/51eUeFw7V1L.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);">Jarrow Formulas</span>
            
            <span class="tag">A+</span>
            <span class="tag">品牌店</span>
            
          </div>
          <div style="font-weight:600;font-size:0.88rem;margin-bottom:8px;line-height:1.4;">Jarrow Formulas® Jarro-Dophilus® Kids Probiotics and Prebiotics, 1 Billion CFU</div>
          <div class="text-xs text-mono" style="color:var(--text-3);margin-bottom:10px;">ASIN · B0854GK9HK</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';">$12.80</div></div>
            <div><div style="color:var(--text-3);">评分</div><div style="color:var(--green);font-weight:700;">★ 4.6 · 88</div></div>
            <div><div style="color:var(--text-3);">月销</div><div style="font-weight:700;">378</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;">2243d</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;">品类成熟度：平均上线 1389 天 (3.8 年)</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);">5 款成熟品（≥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);">B08T6N3DKY</div>
            <h4 style="font-size:0.95rem;margin-top:4px;">MARYRUTH‘S · MaryRuth Organics Kids Probiotics for Digestive He</h4>
          </div>
          <div style="text-align:right;flex-shrink:0;">
            <div style="color:var(--green);font-weight:700;font-size:1.1rem;">★ 4.52</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;">★★★★★ 84  ★★★★ 4  ★★★ 1  ★★ 2  ★ 9</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 · Best taste and good digestive health! · ShoppinMama</div>
            <div class="text-sm" style="color:var(--text-2);line-height:1.5;">My daughter takes one of these daily. They smell and taste amazing. This is a reputable brand with good ingredients. It‘s organic and does a great job at regulating digestive health. My daughter has been taking these for years. She is 8 now</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 · Terrible Smell and Tast · Sydney Meric <span class="text-mono" style="color:var(--amber);">✓VP</span></div>
            <div class="text-sm" style="color:var(--text-2);line-height:1.5;">The vitamins smelled horrible and my daughter tried one and spit it out it taste so bad. Sadly Amazon won’t refund the order, so now I’m stuck with a bottle of vitamins that are useless. I’ve used some of their vitamins for adults and never</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);">B0BLRK7PJH</div>
            <h4 style="font-size:0.95rem;margin-top:4px;">N/A · MaryRuth‘s Organic Toddler Probiotic Liquid Drops </h4>
          </div>
          <div style="text-align:right;flex-shrink:0;">
            <div style="color:var(--green);font-weight:700;font-size:1.1rem;">★ 4.36</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;">★★★★★ 78  ★★★★ 5  ★★★ 4  ★★ 1  ★ 12</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 · Works for toddler with digestive issues · Joan</div>
            <div class="text-sm" style="color:var(--text-2);line-height:1.5;">These helped my toddler when she was struggling with diarrhea.</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 · Bad taste · Amy B <span class="text-mono" style="color:var(--amber);">✓VP</span></div>
            <div class="text-sm" style="color:var(--text-2);line-height:1.5;">My toddler wouldn’t take it. First I tried to dropper it into her mouth but it didn’t all make it in, and she refused it after getting a taste. Then I mixed it in her orange juice and after one sip she quit drinking it (which is normally a </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);">B0DBSDXN43</div>
            <h4 style="font-size:0.95rem;margin-top:4px;">Fawelo · LOL Kids Toothpaste Fluoride Free, Nano Hydroxyapa</h4>
          </div>
          <div style="text-align:right;flex-shrink:0;">
            <div style="color:var(--green);font-weight:700;font-size:1.1rem;">★ 3.96</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;">★★★★★ 56  ★★★★ 16  ★★★ 7  ★★ 10  ★ 11</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 · Like it a lot · Olga</div>
            <div class="text-sm" style="color:var(--text-2);line-height:1.5;">A lot of foam and nice taste</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;">★ 2 · Not for my family · E R <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 wanted to try a fluoride-free toothpaste for my son. He does not like the burn of traditional mint toothpastes, so I look for fruit flavors. This strawberry toothpaste is a miss for us. While it does taste fruity, it still has that cool, </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 2</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;">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;">"gave 1 ml in juice to my 3 yo. he had diarrhea by the afternoon and night and then threw u…" · <span style="color:var(--text-2);">N/A</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;">"this probiotic sucks! my toddler gets a horrible belly ache everytime he’s taken it. it’s …" · <span style="color:var(--text-2);">N/A</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;">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(--green);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;">"got these for my toddler to take while on an antibiotic as recommended by her pediatrician…" · <span style="color:var(--text-2);">MARYRUTH‘S</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;">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;">"bought this for my son because he was struggling to go #2. since adding to his diet once a…" · <span style="color:var(--text-2);">N/A</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;">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>
      </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;">7 · 23.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:23.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;">"got these for my toddler to take while on an antibiotic as recommended by her pediatrician…" · <span style="color:var(--text-2);">MARYRUTH‘S</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;">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;">"bought this for my son because he was struggling to go #2. since adding to his diet once a…" · <span style="color:var(--text-2);">N/A</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;">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;">"delicious! my extremely picky kids who have a restrictive diet and sensory challenges love…" · <span style="color:var(--text-2);">MARYRUTH‘S</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(--blue);">C · 可选</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>$17-$23</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, 1 次提及）</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>（3 次提及）</li><li style="padding-left:20px;position:relative;"><span style="position:absolute;left:0;top:2px;color:var(--green);">✓</span>种草场景聚焦 <strong>医生建议</strong>（7 次用户自发提及）</li><li style="padding-left:20px;position:relative;"><span style="position:absolute;left:0;top:2px;color:var(--green);">✓</span>保持 ≥4.6 评分是生死线，Review seeding + Vine 必须做满 50 条</li><li style="padding-left:20px;position:relative;"><span style="position:absolute;left:0;top:2px;color:var(--green);">✓</span>不正面硬拼头部品牌，用长尾关键词 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>机会等级 C</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;">kids probiotics / children probiotics gummy / probiotics gummies for kids / childrens digestive supplement</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;">72</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;">1729.1w</div>
        <div class="text-xs" style="color:var(--text-3);margin-top:4px;">平均 ER 1.5%</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;">10.8w</div>
        <div class="text-xs" style="color:var(--text-3);margin-top:4px;">评论 3.1k · 分享 1.4w</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;">68</div>
        <div class="text-xs" style="color:var(--text-3);margin-top:4px;">认证 2 · 触达粉丝 898.2w</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);">kids probiotics</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;">23 视频 · <strong style="color:#25F4EE;">7.9w</strong> 赞 · <strong>1391.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);">children probiotics gummy</div>
              <div style="background:rgba(255,255,255,.06);border-radius:4px;height:14px;position:relative;overflow:hidden;">
                <div style="width:1%;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;">710</strong> 赞 · <strong>11.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);">probiotics gummies for kids</div>
              <div style="background:rgba(255,255,255,.06);border-radius:4px;height:14px;position:relative;overflow:hidden;">
                <div style="width:20%;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;">17 视频 · <strong style="color:#25F4EE;">1.6w</strong> 赞 · <strong>260.7w</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);">childrens digestive supplement</div>
              <div style="background:rgba(255,255,255,.06);border-radius:4px;height:14px;position:relative;overflow:hidden;">
                <div style="width:16%;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;">14 视频 · <strong style="color:#25F4EE;">1.3w</strong> 赞 · <strong>65.7w</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-useast5-avt-0068-tx/90649ad4db5c6a1ff8ae23648d501a79~tplv-tiktokx-cropcenter:1080:1080.webp?dr=9640&amp;refresh_token=99ec8d51&amp;x-expires=1776704400&amp;x-signature=dEW%2BdM4HDy7znkpHWdRz%2FUCnYIY%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;">Philsmypharmacist</div>
            <div class="text-xs text-mono" style="color:#25F4EE;margin-top:3px;">@philsmypharmacist</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;">Empowering you to take control of your health- Check out @philsmypharmacistfinds</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;">207.1w</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;">2.1k</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;">2497.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;">Ibuprofen or acetaminophen? Here’s a run down #pain #harrystyles #fever #muscle #pharmacy</div>
          <div class="text-xs text-mono" style="margin-top:6px;color:var(--text-3);display:flex;gap:10px;">
            <span style="color:#FE2C55;">♥ 121.0w</span>
            <span>▶ 701.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://p19-common-sign.tiktokcdn-us.com/tos-maliva-avt-0068/7310558027936399365~tplv-tiktokx-cropcenter:1080:1080.webp?dr=9640&amp;refresh_token=ac443202&amp;x-expires=1776704400&amp;x-signature=cgIcIiM1S7cCjpe3BLfA4vyRP2g%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;">NutritionBabe</div>
            <div class="text-xs text-mono" style="color:#25F4EE;margin-top:3px;">@nutritionbabe</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;">MS,RD dietitian, mom of 3, lost 💯 lbs &amp; helping you master your 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;">202.4w</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;">3.3k</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;">4486.6w</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;">3 Delicious Desserts from Trader Joe&#39;s that fit well within a health journey. Save, savor,</div>
          <div class="text-xs text-mono" style="margin-top:6px;color:var(--text-3);display:flex;gap:10px;">
            <span style="color:#FE2C55;">♥ 867</span>
            <span>▶ 1.6w</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/60a87538ec446927f64e38f49b92e74f~tplv-tiktokx-cropcenter:1080:1080.webp?dr=9640&amp;refresh_token=f34bc466&amp;x-expires=1776704400&amp;x-signature=j%2BU88fmF8M8TLbjXA7rA9oIaTGY%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;">✨Mama Nurse Tina✨</div>
            <div class="text-xs text-mono" style="color:#25F4EE;margin-top:3px;">@mama_nurse_tina</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;">Childbirth + Pregnancy Educator Registered Nurse Stand-Up Comedian  Collabs: bumptolatch@gmail.com</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;">58.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.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;">2874.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;">Don’t blink {you’ll miss it!} NOW we know WHY the baby’s heart beat wasn’t on the fetal mo</div>
          <div class="text-xs text-mono" style="margin-top:6px;color:var(--text-3);display:flex;gap:10px;">
            <span style="color:#FE2C55;">♥ 27.8w</span>
            <span>▶ 345.2w</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/6ea6a8a81546a01aee7cc922b3ec36d3~tplv-tiktokx-cropcenter:1080:1080.webp?dr=9640&amp;refresh_token=0487c165&amp;x-expires=1776704400&amp;x-signature=iNJC6%2BBXWs3VySARbT%2Bmg4iDMss%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;">Unlicensed to Mom</div>
            <div class="text-xs text-mono" style="color:#25F4EE;margin-top:3px;">@unlicensedtomom</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;">You’re safe here ♥️🌈♾️ 📧unlicensedtomom@pearpop.co</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;">57.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.9k</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;">3545.5w</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;">Creeper plate is crucial btw. #arfidawareness</div>
          <div class="text-xs text-mono" style="margin-top:6px;color:var(--text-3);display:flex;gap:10px;">
            <span style="color:#FE2C55;">♥ 3.0w</span>
            <span>▶ 36.2w</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/7279b0cc30f5453b004516d4379a4db3~tplv-tiktokx-cropcenter:1080:1080.webp?dr=9640&amp;refresh_token=9098273c&amp;x-expires=1776704400&amp;x-signature=WGmKm%2FESm6nywVWCIEhkDwcEW6A%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_ROSSOME</div>
            <div class="text-xs text-mono" style="color:#25F4EE;margin-top:3px;">@dr_rossome</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;">Board Certified Pediatrician Father of 6 Imperfect Dad</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;">57.2w</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.3k</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;">635.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;">And giving them a “first responder discount” is not good enough for these critical emergen</div>
          <div class="text-xs text-mono" style="margin-top:6px;color:var(--text-3);display:flex;gap:10px;">
            <span style="color:#FE2C55;">♥ 1.7k</span>
            <span>▶ 1.3w</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://p19-common-sign.tiktokcdn-us.com/tos-useast5-p-0068-tx/oYBjGIA5IeSAG7ISQEOAwkLAFT6EfHevP0AhpR~tplv-tiktokx-cropcenter:500:800.jpeg?biz_tag=musically_general.video_cover&amp;dr=9638&amp;idc=useast8&amp;ps=13740610&amp;refresh_token=5aaa1154&amp;shcp=9b759fb9&amp;shp=c1333099&amp;t=4d5b0474&amp;x-expires=1776553200&amp;x-signature=KQhjw1KHjwBCNQ%2FgRWNny%2FldGZE%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;">· kids probiotics</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;">#ad @BioGaia USA Did you know your baby’s gut microbiome is still developing in those early years? I had no idea until I started learning mo</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.3w</span>
          <span style="color:var(--green);">💬 798</span>
          <span>▶ 1135.2w</span>
          <span style="color:var(--text-3);">↗ 4.0k</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;">@unlicensedtomom</span>
          <span>· 57.5w粉</span>
          
        </div>
        <div style="margin-top:6px;display:flex;flex-wrap:wrap;gap:4px;">
          <span class="text-xs" style="color:#25F4EE;opacity:.8;">#ad</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#biogaia</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#babycomfort</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#babyprobiotic</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-i-photomode-tx2/e8734e9287354069b5caf595d2ef3086~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=6199a4ee&amp;s=SEARCH&amp;sc=cover&amp;shcp=c1333099&amp;shp=d05b14bd&amp;t=5897f7ec&amp;x-expires=1777827600&amp;x-signature=O%2FYr6KKmiL9Jzm9DM28fNwIEvvo%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;">· kids probiotics</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;">Medicine cabinet must-haves for baby + toddler 👶🏼 From teething to tummy aches — here’s what I always keep on hand for those middle-of-the</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.8w</span>
          <span style="color:var(--green);">💬 242</span>
          <span>▶ 18.9w</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;">@devin.npmom</span>
          <span>· 2.7k粉</span>
          
        </div>
        <div style="margin-top:6px;display:flex;flex-wrap:wrap;gap:4px;">
          <span class="text-xs" style="color:#25F4EE;opacity:.8;">#toddlermusthaves</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#babymusthaves</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#medicinecabinet</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#momhacks</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-p-0037/oMVCEBH2ApAIwAIoYUcFES8rEC7fjActkgDRCe~tplv-tiktokx-cropcenter:500:800.jpeg?biz_tag=musically_general.video_cover&amp;dr=9638&amp;idc=useast8&amp;ps=13740610&amp;refresh_token=0dee6edb&amp;shcp=9b759fb9&amp;shp=c1333099&amp;t=4d5b0474&amp;x-expires=1776553200&amp;x-signature=gMXyD53RERR%2BclGsqAs%2BNHDDUy0%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;">· probiotics gummies for kids</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;">DR VITA DHA + OMEGA GUMMIES FOR KIDS FDA FR-4000003911864 #brainbooster #dhagummies #omega3 #kidsvitamins #probiotics #zinc #health #wellnes</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.4w</span>
          <span style="color:var(--green);">💬 714</span>
          <span>▶ 234.2w</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;">@yourtitodrew</span>
          <span>· 56.2w粉</span>
          
        </div>
        <div style="margin-top:6px;display:flex;flex-wrap:wrap;gap:4px;">
          <span class="text-xs" style="color:#25F4EE;opacity:.8;">#brainbooster</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#dhagummies</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#omega3</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#studying</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-i-photomode-tx/6fca63f70eb04230aeab8c6ca808c9fc~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=69091ee1&amp;s=SEARCH&amp;sc=cover&amp;shcp=c1333099&amp;shp=d05b14bd&amp;t=5897f7ec&amp;x-expires=1777827600&amp;x-signature=kPwas6yDezJmxu%2F55g9E7EDxMxs%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;">· childrens digestive 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;">It is common for autistic people to have food aversions, which can lead them to having a &quot;beige diet&quot;. It&#39;s super important they receieve th</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;">♥ 5.8k</span>
          <span style="color:var(--green);">💬 138</span>
          <span>▶ 14.9w</span>
          <span style="color:var(--text-3);">↗ 1.2k</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;">@n.michellex</span>
          <span>· 2.8k粉</span>
          
        </div>
        <div style="margin-top:6px;display:flex;flex-wrap:wrap;gap:4px;">
          <span class="text-xs" style="color:#25F4EE;opacity:.8;">#autistictok</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#foodadversion</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#pickytoddlers</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#autismawareness</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/fd5cca5ea24c4759b2451c1172bafcf2~tplv-tiktokx-cropcenter:500:800.jpeg?biz_tag=musically_general.video_cover&amp;dr=9638&amp;idc=useast8&amp;ps=13740610&amp;refresh_token=51fab643&amp;shcp=9b759fb9&amp;shp=c1333099&amp;t=4d5b0474&amp;x-expires=1776553200&amp;x-signature=mZDpygwnY7H0JjPi6DtmnwNZhdc%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;">· childrens digestive 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;">Stomach bug hit your house? 🤮 Tap the link in my bio -&gt; Amazon links -&gt; kids nausea and vomiting. #philsmypharmacist #otchacks #stomachbug </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;">♥ 5.5k</span>
          <span style="color:var(--green);">💬 73</span>
          <span>▶ 35.0w</span>
          <span style="color:var(--text-3);">↗ 1.4k</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;">@philsmypharmacist</span>
          <span>· 207.1w粉</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;">#philsmypharmacist</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#otchacks</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#stomachbug</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#dramamine</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-maliva-p-0068/oUo2MAbGSiQDuejuIBg2IieDnH9PGHLwnSCfCc~tplv-tiktokx-cropcenter:500:800.jpeg?biz_tag=musically_general.video_cover&amp;dr=9638&amp;idc=useast8&amp;ps=13740610&amp;refresh_token=32906793&amp;shcp=9b759fb9&amp;shp=c1333099&amp;t=4d5b0474&amp;x-expires=1776553200&amp;x-signature=V7ifD35ZgI8fdOSH7EUoyAHeyos%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;">· kids probiotics</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;">Replying to @mellymell_92 Probiotic brands I recommend for children. Great strains and dosages. #probioticsforkids #kidsguthealth #kidsdieti</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.7k</span>
          <span style="color:var(--green);">💬 180</span>
          <span>▶ 47.1w</span>
          <span style="color:var(--text-3);">↗ 717</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;">@kidsnutrition</span>
          <span>· 1.2w粉</span>
          
        </div>
        <div style="margin-top:6px;display:flex;flex-wrap:wrap;gap:4px;">
          <span class="text-xs" style="color:#25F4EE;opacity:.8;">#probioticsforkids</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#kidsguthealth</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#kidsdietitian</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#bestprobiotics</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/d0a159f24c8845aaabc4854903e7ed77~tplv-tiktokx-cropcenter:500:800.jpeg?biz_tag=musically_general.video_cover&amp;dr=9638&amp;idc=useast8&amp;ps=13740610&amp;refresh_token=2958f5bb&amp;shcp=9b759fb9&amp;shp=c1333099&amp;t=4d5b0474&amp;x-expires=1776553200&amp;x-signature=kJHstEac40Awzzlzr8%2Blo%2FjrO0Q%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;">· kids probiotics</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;">These are some of my favorite probiotics for kids! #probiotics #kidsprobiotic #kidssupplement #MomsofTikTok #kidshealth #naturalremedy #natu</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;">♥ 3.0k</span>
          <span style="color:var(--green);">💬 89</span>
          <span>▶ 23.1w</span>
          <span style="color:var(--text-3);">↗ 399</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;">@shoreholisticnutrition</span>
          <span>· 16.8w粉</span>
          
        </div>
        <div style="margin-top:6px;display:flex;flex-wrap:wrap;gap:4px;">
          <span class="text-xs" style="color:#25F4EE;opacity:.8;">#probiotics</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#kidsprobiotic</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#kidssupplement</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#momsoftiktok</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/70c6dd0dcfc241568529d30465662e39_1708431300~tplv-tiktokx-cropcenter:500:800.jpeg?biz_tag=musically_general.video_cover&amp;dr=9638&amp;idc=useast8&amp;ps=13740610&amp;refresh_token=cf191eac&amp;shcp=9b759fb9&amp;shp=c1333099&amp;t=4d5b0474&amp;x-expires=1776553200&amp;x-signature=Dcsi8FFd5ugp1GLVj6YQhZjOXcU%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;">· kids probiotics</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;">Parents - if your doctor recommended probiotics or you want to try them for your little one… take this advice. 3 things I want you to know a</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.2k</span>
          <span style="color:var(--green);">💬 70</span>
          <span>▶ 11.1w</span>
          <span style="color:var(--text-3);">↗ 356</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;">@the_celiac_space</span>
          <span>· 3.3k粉</span>
          
        </div>
        <div style="margin-top:6px;display:flex;flex-wrap:wrap;gap:4px;">
          <span class="text-xs" style="color:#25F4EE;opacity:.8;">#celiacdisease</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#probiotics</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#probiotic</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#supplements</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/1fd4ac25c4a14350877798fa52b0f510~tplv-tiktokx-cropcenter:500:800.jpeg?biz_tag=musically_general.video_cover&amp;dr=9638&amp;idc=useast8&amp;ps=13740610&amp;refresh_token=9dda6500&amp;shcp=9b759fb9&amp;shp=c1333099&amp;t=4d5b0474&amp;x-expires=1776553200&amp;x-signature=YV1Stf5b6uf4D688Ycb4%2FnrvaGQ%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;">· kids probiotics</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;">Probiotics in Pediatrics. A Review and Practical Guide Nutrients. 2021 Jul; 13(7): 2176. Published online 2021 Jun 24. #pediatriciansoftikto</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.1k</span>
          <span style="color:var(--green);">💬 138</span>
          <span>▶ 15.3w</span>
          <span style="color:var(--text-3);">↗ 140</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;">@dr_rossome</span>
          <span>· 57.2w粉</span>
          
        </div>
        <div style="margin-top:6px;display:flex;flex-wrap:wrap;gap:4px;">
          <span class="text-xs" style="color:#25F4EE;opacity:.8;">#pediatriciansoftiktok</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#probiotic</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#guthealth</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#kids</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">i normally don’t like ads but this one was entertaining</p>
        <div class="voice-meta">
          <span>🍰🍓┆𝐛𝐞𝐫𝐫𝐢𝐢 ˚. · US</span>
          <span class="voice-likes">♥ 2.0k</span>
        </div>
      </div><div class="voice-card hot fade-up">
        <p class="voice-content">your editing is good girl, I don&#39;t have a baby but this was convincing</p>
        <div class="voice-meta">
          <span>🪲 · US</span>
          <span class="voice-likes">♥ 981</span>
        </div>
      </div><div class="voice-card hot fade-up">
        <p class="voice-content">Replying to myself every time I see this ad</p>
        <div class="voice-meta">
          <span>Andy :) · US</span>
          <span class="voice-likes">♥ 287</span>
        </div>
      </div><div class="voice-card  fade-up">
        <p class="voice-content">love mary ruths but cocomelon collab makes me not want it 😩</p>
        <div class="voice-meta">
          <span>chiarra collette · US</span>
          <span class="voice-likes">♥ 222</span>
        </div>
      </div><div class="voice-card  fade-up">
        <p class="voice-content">do i have a baby? no. will i always watch this ad because it scratches my brain? yes!</p>
        <div class="voice-meta">
          <span>shel 🦷 · US</span>
          <span class="voice-likes">♥ 208</span>
        </div>
      </div><div class="voice-card  fade-up">
        <p class="voice-content">NAURRR I THOUGHT WE WERE FINALLY GETTING A JUICER VIDEOOOOO💔💔💔</p>
        <div class="voice-meta">
          <span>🎀Savandalism🎀 · CA</span>
          <span class="voice-likes">♥ 127</span>
        </div>
      </div><div class="voice-card  fade-up">
        <p class="voice-content">Replying to myself every time I see this ad🥹🫰</p>
        <div class="voice-meta">
          <span>&#39;  𝐈𝐬𝐚𝐛𝐞𝐥𝐥𝐚� · US</span>
          <span class="voice-likes">♥ 89</span>
        </div>
      </div><div class="voice-card  fade-up">
        <p class="voice-content">my pediatrician told me years ago to give my kids benadryl if they were nauseated. I never heard anyone else say that until now</p>
        <div class="voice-meta">
          <span>Kelly Jo P · US</span>
          <span class="voice-likes">♥ 88</span>
        </div>
      </div><div class="voice-card  fade-up">
        <p class="voice-content">Every time I see this pop-up, I always watch it</p>
        <div class="voice-meta">
          <span>🖕𓂂ɞ̴̶̷ ₃ ɞ̴̶̷𓂂 · US</span>
          <span class="voice-likes">♥ 74</span>
        </div>
      </div><div class="voice-card  fade-up">
        <p class="voice-content">I watch this every time it pops up on my tiktok</p>
        <div class="voice-meta">
          <span>Aud 🩷 · US</span>
          <span class="voice-likes">♥ 66</span>
        </div>
      </div><div class="voice-card  fade-up">
        <p class="voice-content">I love your personality girl</p>
        <div class="voice-meta">
          <span>Olami · US</span>
          <span class="voice-likes">♥ 50</span>
        </div>
      </div><div class="voice-card  fade-up">
        <p class="voice-content">Now this is marketing girl. You’re so funny lol</p>
        <div class="voice-meta">
          <span>Veda · US</span>
          <span class="voice-likes">♥ 46</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;">
                #guthealth <span style="color:var(--text-3);font-size:.7rem;margin-left:4px;">12</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;">
                #probiotics <span style="color:var(--text-3);font-size:.7rem;margin-left:4px;">11</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;">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:.95rem;font-family:'JetBrains Mono';font-weight:600;opacity:0.85;">
                #probioticsforkids <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:.95rem;font-family:'JetBrains Mono';font-weight:600;opacity:0.85;">
                #complimentary <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:.95rem;font-family:'JetBrains Mono';font-weight:600;opacity:0.85;">
                #kidshealth <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:.95rem;font-family:'JetBrains Mono';font-weight:600;opacity:0.85;">
                #probiotic <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:.95rem;font-family:'JetBrains Mono';font-weight:600;opacity:0.85;">
                #gardenoflife <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;">
                #getbacktothegarden <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;">
                #kidssupplement <span style="color:var(--text-3);font-size:.7rem;margin-left:4px;">4</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;">
                #momlife <span style="color:var(--text-3);font-size:.7rem;margin-left:4px;">4</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;">
                #kidsguthealth <span style="color:var(--text-3);font-size:.7rem;margin-left:4px;">3</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;">
                #kidsprobiotics <span style="color:var(--text-3);font-size:.7rem;margin-left:4px;">3</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;">
                #healthykids <span style="color:var(--text-3);font-size:.7rem;margin-left:4px;">3</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;">
                #kidsprobiotic <span style="color:var(--text-3);font-size:.7rem;margin-left:4px;">3</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;">
                #digestivehealth <span style="color:var(--text-3);font-size:.7rem;margin-left:4px;">3</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:65%;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;">47 · 65%</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:8%;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;">6 · 8%</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:8%;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;">6 · 8%</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:7%;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 · 7%</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);">GH</div>
                <div style="background:rgba(255,255,255,.06);border-radius:4px;height:10px;overflow:hidden;">
                  <div style="width:3%;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 · 3%</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);">MY</div>
                <div style="background:rgba(255,255,255,.06);border-radius:4px;height:10px;overflow:hidden;">
                  <div style="width:1%;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;">1 · 1%</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);">PE</div>
                <div style="background:rgba(255,255,255,.06);border-radius:4px;height:10px;overflow:hidden;">
                  <div style="width:1%;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;">1 · 1%</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:1%;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;">1 · 1%</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-useast2a-avt-0068-euttp/efe55de4dca9b1aa916c75efc4a29e04~tplv-tiktokx-cropcenter:100:100.webp?biz_tag=tiktok_user.user_cover&amp;dr=9640&amp;idc=useast8&amp;ps=13740610&amp;refresh_token=aae26fea&amp;shcp=c1333099&amp;shp=30310797&amp;t=4d5b0474&amp;x-expires=1776618000&amp;x-signature=IL9zquEtL1pxRrWwSmLLttpbUgA%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;">kids podcast</div>
            <div class="text-xs text-mono" style="color:#25F4EE;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">@kidsprodcast</div>
          </div>
          <div style="text-align:right;flex-shrink:0;">
            <div class="text-xs text-mono" style="color:#25F4EE;font-weight:800;">2.2k</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/6fe262dd60179fcac1001d229b86c80e~tplv-tiktokx-cropcenter:100:100.webp?biz_tag=tiktok_user.user_cover&amp;dr=9640&amp;idc=useast8&amp;ps=13740610&amp;refresh_token=c9e21412&amp;shcp=c1333099&amp;shp=30310797&amp;t=4d5b0474&amp;x-expires=1776618000&amp;x-signature=T28ARYBN63KASW1cScnBPJIeQC4%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;">iCARE Coding and R</div>
            <div class="text-xs text-mono" style="color:#25F4EE;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">@kids_robotics</div>
          </div>
          <div style="text-align:right;flex-shrink:0;">
            <div class="text-xs text-mono" style="color:#25F4EE;font-weight:800;">928</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/7277379133145874434~tplv-tiktokx-cropcenter:100:100.webp?biz_tag=tiktok_user.user_cover&amp;dr=9640&amp;idc=useast8&amp;ps=13740610&amp;refresh_token=f33a6b86&amp;shcp=c1333099&amp;shp=30310797&amp;t=4d5b0474&amp;x-expires=1776618000&amp;x-signature=TgTi1Zi8p3Rfi6mUjSJMgWKf47c%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;">probiotickids</div>
            <div class="text-xs text-mono" style="color:#25F4EE;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">@probiotickids</div>
          </div>
          <div style="text-align:right;flex-shrink:0;">
            <div class="text-xs text-mono" style="color:#25F4EE;font-weight:800;">596</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/5724c529c58550f99d0fda7b498b4ece~tplv-tiktokx-cropcenter:100:100.webp?biz_tag=tiktok_user.user_cover&amp;dr=9640&amp;idc=useast8&amp;ps=13740610&amp;refresh_token=18e0afd6&amp;shcp=c1333099&amp;shp=30310797&amp;t=4d5b0474&amp;x-expires=1776618000&amp;x-signature=zmgcDzjYPzgXZZ1%2BP44YmUdc47c%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;">Microbio kids</div>
            <div class="text-xs text-mono" style="color:#25F4EE;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">@microbiokids</div>
          </div>
          <div style="text-align:right;flex-shrink:0;">
            <div class="text-xs text-mono" style="color:#25F4EE;font-weight:800;">529</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-useast5-avt-0068-tx/add8f395e30e98c01aa593dbf8e7f848~tplv-tiktokx-cropcenter:100:100.webp?biz_tag=tiktok_user.user_cover&amp;dr=9640&amp;idc=useast8&amp;ps=13740610&amp;refresh_token=1672baa4&amp;shcp=c1333099&amp;shp=30310797&amp;t=4d5b0474&amp;x-expires=1776618000&amp;x-signature=j9M0q4v9M9%2B1zKqcaI%2BhZ87oSYM%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;">🪲🐛</div>
            <div class="text-xs text-mono" style="color:#25F4EE;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">@probioticdrink</div>
          </div>
          <div style="text-align:right;flex-shrink:0;">
            <div class="text-xs text-mono" style="color:#25F4EE;font-weight:800;">127</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/f3c6eff972f27a9850366f479978794f~tplv-tiktokx-cropcenter:100:100.webp?biz_tag=tiktok_user.user_cover&amp;dr=9640&amp;idc=useast8&amp;ps=13740610&amp;refresh_token=48fc830a&amp;shcp=c1333099&amp;shp=30310797&amp;t=4d5b0474&amp;x-expires=1776618000&amp;x-signature=%2FXBu15ote6ZXKiZA2b84XUFn3CM%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;">kidsRobotiks</div>
            <div class="text-xs text-mono" style="color:#25F4EE;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">@kids_robotiks</div>
          </div>
          <div style="text-align:right;flex-shrink:0;">
            <div class="text-xs text-mono" style="color:#25F4EE;font-weight:800;">44</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;">"probiotics"</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;">28.1w</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:#22c55e;margin-top:4px;">▲ 61.7%</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;">3.85%</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;">1.90%</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>📝 440 posts</span>
              <span style="color:#FE2C55;">♥ 1.7k</span>
              <span>💬 20</span>
              <span>↗ 12</span>
              <span>💰 2.8k</span>
            </div>
          </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_bffd1bb5035d91dc6b33455fd8735ef3.heic?from=2956013662&amp;s=PackSourceEnum_USER_PROFILE&amp;se=false&amp;sc=avatar&amp;l=202604182340224772D02211083FDB3EDC&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;">67.3w</div></div>
            <div><div style="color:var(--text-3);">作品</div><div style="font-weight:800;font-family:'JetBrains Mono';font-size:1.1rem;">448</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;">81.9w</div></div>
            <div><div style="color:var(--text-3);">关注</div><div style="font-weight:800;font-family:'JetBrains Mono';font-size:1.1rem;">232</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';">3</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>：67.3w 粉丝 + 高频发布 (448 作品) 已建立稳定内容资产，适合做 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://p5-ex-gddgtc-sign.douyinpic.com/tos-cn-p-0015c000-ce/o00AntiOmBgEQAie7EBI3lGBD8AjwVfLErFBi6~tplv-dy-resize-walign:360:q75.heic?lk3s=138a59ce&amp;x-expires=1777734000&amp;x-signature=vkq7LsZreq6ydMo0M2%2F8SQbvyGU%3D&amp;from=327834062&amp;s=PackSourceEnum_PUBLISH&amp;se=false&amp;sc=cover&amp;biz_tag=aweme_video&amp;l=202604182340025C421234286DB7EAD280" 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);">♥ 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://p3-sign.douyinpic.com/tos-cn-i-dy/058cc44089a748158166f2fd27b8da52~tplv-dy-resize-walign:360:q75.heic?lk3s=138a59ce&amp;x-expires=1777734000&amp;x-signature=dnvsi9lKmdDzCo%2F%2FV98W4LN9Y%2Fs%3D&amp;from=327834062&amp;s=PackSourceEnum_PUBLISH&amp;se=false&amp;sc=cover&amp;biz_tag=aweme_video&amp;l=202604182340025C421234286DB7EAD280" 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);">♥ 6</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/62eb2c4f118a4cd3924e4a2869d85955~tplv-dy-resize-walign:360:q75.heic?lk3s=138a59ce&amp;x-expires=1777734000&amp;x-signature=uCZV4N62E9inADJY1HhtoX3HXSg%3D&amp;from=327834062&amp;s=PackSourceEnum_PUBLISH&amp;se=false&amp;sc=cover&amp;biz_tag=aweme_video&amp;l=202604182340025C421234286DB7EAD280" 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;">管不住嘴又迈不开腿的平时蔬菜吃的少的姐妹，可以试试这个#液体沙拉 养胃方便又好喝#果蔬汁 #江中猴姑</div>
              <div class="text-xs text-mono" style="color:var(--text-3);display:flex;gap:10px;">
                <span style="color:var(--amber);">♥ 6</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/e8518beda0314c16b5f7f5c8df43ec72~tplv-dy-resize-walign:360:q75.heic?lk3s=138a59ce&amp;x-expires=1777734000&amp;x-signature=IsbfAyzZvhKoQBM7Llsm6akR4xk%3D&amp;from=327834062&amp;s=PackSourceEnum_PUBLISH&amp;se=false&amp;sc=cover&amp;biz_tag=aweme_video&amp;l=202604182340025C421234286DB7EAD280" 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);">♥ 5</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/353c2ca1167245e7bf43b8cf2142ea5b~tplv-dy-resize-walign:360:q75.heic?lk3s=138a59ce&amp;x-expires=1777734000&amp;x-signature=heavaJdKhJd2874T3r6akG8y%2FzU%3D&amp;from=327834062&amp;s=PackSourceEnum_PUBLISH&amp;se=false&amp;sc=cover&amp;biz_tag=aweme_video&amp;l=202604182340025C421234286DB7EAD280" 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;">这才是#自律期 该喝的#羽衣甘蓝奇亚籽 米稀！配料干净0蔗糖！好吃饱腹还养胃！#早餐吃什么 #营养早餐</div>
              <div class="text-xs text-mono" style="color:var(--text-3);display:flex;gap:10px;">
                <span style="color:var(--amber);">♥ 5</span>
                <span style="color:var(--green);">💬 0</span>
                <span>▶ 0</span>
              </div>
            </div>
          </div>
        </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);">7</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">1</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);">6</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">1</td>
          </tr><tr>
            <td class="tb-num">03</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">1</td>
            <td class="tb-num">2</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);">5</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">2</td>
          </tr><tr>
            <td class="tb-num">05</td>
            <td style="font-size:0.86rem;max-width:360px;">这才是#自律期 该喝的#羽衣甘蓝奇亚籽 米稀！配料干净0蔗糖！好吃饱腹还养胃！#早餐吃什么 #营养早餐</td>
            <td class="tb-num" style="color:var(--amber);">5</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">1</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);">4</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><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);">3</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><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);">3</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">0</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);">3</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">1</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);">3</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">0</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);">3</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><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);">3</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">4</span>次提及</div>
          <ul class="examples">
            <li>"感觉会有的，我今年开始肠胃蠕动变快了，变快前有一阵子把这个和健胃消食片当零食吃（味道好吃）"</li><li>"肠胃炎刚好，有点拉稀，本来在看益生菌，又看到说益生菌要选对菌株，有点复杂，就看到这个，目前吃了三天，超好用，第一天就见效，不拉稀了，不过还有一点胃气胀，再吃一段"</li>
          </ul>
        </div>
        <div class="theme-poster pain fade-up">
          <h4>副作用担忧</h4>
          <div class="count"><span class="num">3</span>次提及</div>
          <ul class="examples">
            <li>"真的可以吃两板了，能治好拉肚子，我肠胃本来就不好，我是一个特别喜欢吃辣的人，吃完辣的之后肚子就开始痛，不停的要上厕所，但是吃完这个之后，肚子不痛了，拉便都是成型"</li><li>"乳酸菌素片长期吃行不行呀 肠胃敏感，基本每天都拉肚子 去做了肠胃镜，没问题，只有一内内慢性胃炎 就是太敏感了 之前基本每天早上吃3片乳酸菌素片，吃"</li>
          </ul>
        </div>
        <div class="theme-poster pain fade-up">
          <h4>信任危机</h4>
          <div class="count"><span class="num">2</span>次提及</div>
          <ul class="examples">
            <li>"你见过这么便宜的智商税吗"</li><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">8</span>次提及</div>
          <ul class="examples">
            <li>"我对这玩意上瘾 因为太好吃了"</li><li>"挺好吃的（可能我吃惯了），减肥期间吃这个不仅调理肠胃还减少一点食欲（）"</li>
          </ul>
        </div>
        <div class="theme-poster bright fade-up">
          <h4>高复购意向</h4>
          <div class="count"><span class="num">7</span>次提及</div>
          <ul class="examples">
            <li>"可以连续吃3个月！一个疗程不要长期吃（这是官方回复我的）"</li><li>"不是，大餐或者是暴食后吃很有用，但不能长期吃"</li>
          </ul>
        </div>
        <div class="theme-poster bright fade-up">
          <h4>效果认可</h4>
          <div class="count"><span class="num">4</span>次提及</div>
          <ul class="examples">
            <li>"便秘吃这个管用吗？最近2周老是便秘"</li><li>"肠胃炎刚好，有点拉稀，本来在看益生菌，又看到说益生菌要选对菌株，有点复杂，就看到这个，目前吃了三天，超好用，第一天就见效，不拉稀了，不过还有一点胃气胀，再吃一段"</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">13</span>次提及</div>
          <ul class="examples">
            <li>"反正我胃胀气就吃这个，特别胀气不消化就配合健胃消食片一起吃，很快就好了，神药！！"</li><li>"挺好吃的（可能我吃惯了），减肥期间吃这个不仅调理肠胃还减少一点食欲（）"</li>
          </ul>
        </div>
        <div class="theme-poster scene fade-up">
          <h4>减肥场景</h4>
          <div class="count"><span class="num">2</span>次提及</div>
          <ul class="examples">
            <li>"挺好吃的（可能我吃惯了），减肥期间吃这个不仅调理肠胃还减少一点食欲（）"</li><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>"孩子上了学3天没拉臭臭，早上吃一个，下午回家吃一颗，反正天天都拉臭臭"</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><strong class="text-amber">口感差</strong>(4)。这些痛点可通过产品配方、剂型、包装直接优化 — 直接迭代 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>(8) / <strong class="text-green">高复购意向</strong>(7) / <strong class="text-green">效果认可</strong>(4)。这些是消费者已认同的优势，内容营销直接放大。</p>
      </div>
      <div class="matrix-cell q3">
        <div class="cell-label text-rose">QUADRANT III · 教育必投</div>
        <h5>高痛点 · 非产品端</h5>
        <p><strong class="text-rose">副作用担忧</strong>(3) / <strong class="text-rose">信任危机</strong>(2)。这些是品类心智问题，需要 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>(13) / <strong class="text-purple">减肥场景</strong>(2)。这些场景是新增长入口，可通过 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 位优先合作（如 江中医药）</li>
          <li>✓ 腰部 1 位批量铺垫品类心智</li>
          <li>✓ KOC 1 位素材铺量支撑投流</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 笔记；每条笔记用不同的高赞评论做卡点。配合 1 位腰部达人同步发种草。</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":5,"$15-25":7,"$25-40":4,"$40-60":1,"$60-100":1,">$100":0},"topBrands":[["MARYRUTH‘S",46887610],["N/A",5679870],["Fawelo",1297257],["Garden of Life",987252],["Culturelle",597913],["NaturalKids",520135],["Jarrow Formulas",483840],["Burst",424830]],"topBrandShares":[{"name":"MARYRUTH‘S","value":80,"sales":46887610,"count":1},{"name":"N/A","value":9.7,"sales":5679870,"count":1},{"name":"Fawelo","value":2.2,"sales":1297257,"count":1},{"name":"Garden of Life","value":1.7,"sales":987252,"count":1},{"name":"Culturelle","value":1,"sales":597913,"count":2},{"name":"NaturalKids","value":0.9,"sales":520135,"count":1},{"name":"Jarrow Formulas","value":0.8,"sales":483840,"count":1},{"name":"Burst","value":0.7,"sales":424830,"count":1}],"ratingBuckets":{"< 4.0":0,"4.0-4.3":1,"4.3-4.5":1,"4.5-4.7":11,"≥ 4.7":7},"reviewCountBuckets":{"< 100":11,"100-500":6,"500-1k":1,"1k-5k":2,"5k-20k":0,"≥ 20k":0},"starDistProducts":[{"asin":"B08T6N3DKY","brand":"MARYRUTH‘S","title":"MaryRuth Organics Kids Probi","stars":[84,4,1,2,9]},{"asin":"B0BLRK7PJH","brand":"N/A","title":"MaryRuth‘s Organic Toddler P","stars":[78,5,4,1,12]},{"asin":"B0DBSDXN43","brand":"Fawelo","title":"LOL Kids Toothpaste Fluoride","stars":[56,16,7,10,11]}],"topIPs":[["上海",1],["云南",1]],"noteHeatmap":[{"title":"认识一种药——乳酸菌素片","liked":16125,"comments":1096,"collected":6252},{"title":"肠胃炎只拉不吐三件套","liked":1688,"comments":42,"collected":1272},{"title":"肠胃专属","liked":785,"comments":81,"collected":312},{"title":"乳酸菌素片长期吃行不行呀","liked":415,"comments":163,"collected":198},{"title":"每天认识一味药—乳酸菌素片","liked":341,"comments":32,"collected":91},{"title":"便秘党真的啥招都使了","liked":331,"comments":46,"collected":96},{"title":"乳酸菌素片吃多了会有什么副作用吗","liked":302,"comments":204,"collected":72},{"title":"打卡Day1 乳酸菌素片","liked":298,"comments":114,"collected":72},{"title":"乳酸菌素片是智商税吗？","liked":298,"comments":180,"collected":75},{"title":"因为肠胃不好吃这种乳酸菌素片，真的好吃，每餐","liked":286,"comments":165,"collected":87},{"title":"这个乳酸菌素片好难吃！味道太歹毒了","liked":283,"comments":279,"collected":48},{"title":"3岁娃噗噗困难愁坏妈？调理肠胃交给它","liked":270,"comments":20,"collected":127}],"douyinPosts":[{"aweme_id":"7629685260850756340","desc":"为了快乐的过夏天，小猴和羽衣甘蓝米稀米糊一起飞#万物皆可飞 #万物皆可拍","cover":"https://p5-ex-gddgtc-sign.douyinpic.com/tos-cn-p-0015c000-ce/o00AntiOmBgEQAie7EBI3lGBD8AjwVfLErFBi6~tplv-dy-resize-walign:360:q75.heic?lk3s=138a59ce&x-expires=1777734000&x-signature=vkq7LsZreq6ydMo0M2%2F8SQbvyGU%3D&from=327834062&s=PackSourceEnum_PUBLISH&se=false&sc=cover&biz_tag=aweme_video&l=202604182340025C421234286DB7EAD280","create_time":1776424530,"digg":7,"comment":0,"share":0,"play":0,"collect":1},{"aweme_id":"7628189761009716515","desc":".羽衣甘蓝+奇亚籽+米稀的组合真的牛！又好吃又顶饱~太适合自律期了#江中猴姑  #自律期","cover":"https://p3-sign.douyinpic.com/tos-cn-i-dy/058cc44089a748158166f2fd27b8da52~tplv-dy-resize-walign:360:q75.heic?lk3s=138a59ce&x-expires=1777734000&x-signature=dnvsi9lKmdDzCo%2F%2FV98W4LN9Y%2Fs%3D&from=327834062&s=PackSourceEnum_PUBLISH&se=false&sc=cover&biz_tag=aweme_video&l=202604182340025C421234286DB7EAD280","create_time":1776085200,"digg":6,"comment":0,"share":1,"play":0,"collect":1},{"aweme_id":"7627449431813573894","desc":"管不住嘴又迈不开腿的平时蔬菜吃的少的姐妹，可以试试这个#液体沙拉  养胃方便又好喝#果蔬汁  #江中猴姑","cover":"https://p3-sign.douyinpic.com/tos-cn-i-dy/62eb2c4f118a4cd3924e4a2869d85955~tplv-dy-resize-walign:360:q75.heic?lk3s=138a59ce&x-expires=1777734000&x-signature=uCZV4N62E9inADJY1HhtoX3HXSg%3D&from=327834062&s=PackSourceEnum_PUBLISH&se=false&sc=cover&biz_tag=aweme_video&l=202604182340025C421234286DB7EAD280","create_time":1776002400,"digg":6,"comment":0,"share":1,"play":0,"collect":2},{"aweme_id":"7628189976529767732","desc":".这才是#自律期  该喝的#羽衣甘蓝奇亚籽 米稀！配料干净0蔗糖！好吃饱腹还养胃！#早餐吃什么  #营养早餐","cover":"https://p3-sign.douyinpic.com/tos-cn-i-dy/e8518beda0314c16b5f7f5c8df43ec72~tplv-dy-resize-walign:360:q75.heic?lk3s=138a59ce&x-expires=1777734000&x-signature=IsbfAyzZvhKoQBM7Llsm6akR4xk%3D&from=327834062&s=PackSourceEnum_PUBLISH&se=false&sc=cover&biz_tag=aweme_video&l=202604182340025C421234286DB7EAD280","create_time":1776088800,"digg":5,"comment":0,"share":1,"play":0,"collect":2},{"aweme_id":"7627073001879571754","desc":"这才是#自律期  该喝的#羽衣甘蓝奇亚籽 米稀！配料干净0蔗糖！好吃饱腹还养胃！#早餐吃什么  #营养早餐","cover":"https://p3-sign.douyinpic.com/tos-cn-i-dy/353c2ca1167245e7bf43b8cf2142ea5b~tplv-dy-resize-walign:360:q75.heic?lk3s=138a59ce&x-expires=1777734000&x-signature=heavaJdKhJd2874T3r6akG8y%2FzU%3D&from=327834062&s=PackSourceEnum_PUBLISH&se=false&sc=cover&biz_tag=aweme_video&l=202604182340025C421234286DB7EAD280","create_time":1775829600,"digg":5,"comment":0,"share":0,"play":0,"collect":1},{"aweme_id":"7628927999760502051","desc":"羽衣甘蓝+奇亚籽+米稀的组合真的牛！又好吃又顶饱~太适合自律期了#江中猴姑  #自律期","cover":"https://p3-sign.douyinpic.com/tos-cn-i-dy/0d61645c3c884f379684d7b41c75366b~tplv-dy-resize-walign:360:q75.heic?lk3s=138a59ce&x-expires=1777734000&x-signature=tfJhp6SjEqSLfyHySQVJioJMLv4%3D&from=327834062&s=PackSourceEnum_PUBLISH&se=false&sc=cover&biz_tag=aweme_video&l=202604182340025C421234286DB7EAD280","create_time":1776261600,"digg":4,"comment":0,"share":0,"play":0,"collect":0},{"aweme_id":"7629663887197048102","desc":"这不是奶茶，这是给早八人准备的养胃搭子，江中猴姑上新羽衣甘蓝奇亚籽米糊，每天一杯，养好脾胃！#养胃早餐","cover":"https://p3-sign.douyinpic.com/tos-cn-i-dy/a5a60c49a9f34798a7638384f263844c~tplv-dy-resize-walign:360:q75.heic?lk3s=138a59ce&x-expires=1777734000&x-signature=5KfUJGce%2FY0n7aDuN7lCgzVA2rI%3D&from=327834062&s=PackSourceEnum_PUBLISH&se=false&sc=cover&biz_tag=aweme_video&l=202604182340025C421234286DB7EAD280","create_time":1776470400,"digg":3,"comment":0,"share":0,"play":0,"collect":0},{"aweme_id":"7629624706571701530","desc":"江中猴姑米稀出新款啦！就是这款羽衣甘蓝奇亚籽口味，喝起来清香又解腻！太适合自律期了#江中猴姑 #早餐吃什么","cover":"https://p3-sign.douyinpic.com/tos-cn-i-dy/3d181a4d0dc04328bb9b847813b06005~tplv-dy-resize-walign:360:q75.heic?lk3s=138a59ce&x-expires=1777734000&x-signature=z2K2Vnli0K67FA%2BBz3eVJ0%2BF03A%3D&from=327834062&s=PackSourceEnum_PUBLISH&se=false&sc=cover&biz_tag=aweme_video&l=202604182340025C421234286DB7EAD280","create_time":1776423600,"digg":3,"comment":0,"share":1,"play":0,"collect":0},{"aweme_id":"7629667676771667210","desc":"羽衣甘蓝+奇亚籽+米稀的组合真的牛！又好吃又顶饱~太适合自律期了#江中猴姑  #自律期","digg":1,"comment":0,"share":0,"play":0},{"aweme_id":"7629624317784919334","desc":"这才是#自律期  该喝的#羽衣甘蓝奇亚籽 米稀！配料干净0蔗糖！好吃饱腹还养胃！#早餐吃什么 #营养早餐","digg":1,"comment":0,"share":0,"play":0},{"aweme_id":"7629306226139991296","desc":"管不住嘴又迈不开腿的平时蔬菜吃的少的姐妹，可以试试这个#液体沙拉  养胃方便又好喝#果蔬汁  #江中猴姑","digg":2,"comment":0,"share":0,"play":0},{"aweme_id":"7629305994710928680","desc":"江中猴姑米稀出新款啦！就是这款羽衣甘蓝奇亚籽口味，喝起来清香又解腻！太适合自律期了#江中猴姑 #早餐吃什么","digg":1,"comment":0,"share":0,"play":0},{"aweme_id":"7628924528101543204","desc":"江中猴姑米稀出新款啦！就是这款羽衣甘蓝奇亚籽口味，喝起来清香又解腻！太适合自律期了#江中猴姑 #早餐吃什么","digg":3,"comment":0,"share":0,"play":0},{"aweme_id":"7627449165265603876","desc":"江中猴姑米稀出新款啦！就是这款羽衣甘蓝奇亚籽口味，喝起来清香又解腻！太适合自律期了#江中猴姑 #早餐吃什么","digg":3,"comment":0,"share":2,"play":0},{"aweme_id":"7627448569124900137","desc":"羽衣甘蓝+奇亚籽+米稀的组合真的牛！又好吃又顶饱~太适合自律期了#江中猴姑  #自律期","digg":2,"comment":0,"share":0,"play":0},{"aweme_id":"7627441716907347219","desc":"#自律期  代餐选它准没错，就是这个#羽衣甘蓝奇亚籽 精选多种优质食材，养胃健康无负担，味道太绝了！#江中猴姑","digg":3,"comment":0,"share":0,"play":0},{"aweme_id":"7627072732727037225","desc":".管不住嘴又迈不开腿的平时蔬菜吃的少的姐妹，可以试试这个#液体沙拉 养胃方便又好喝#果蔬汁  #江中猴姑","digg":1,"comment":0,"share":1,"play":0},{"aweme_id":"7626706966294940991","desc":"江中猴姑米稀出新款啦！就是这款羽衣甘蓝奇亚籽口味，喝起来清香又解腻！太适合自律期了#江中猴姑 #早餐吃什么","digg":3,"comment":0,"share":0,"play":0},{"aweme_id":"7626330838279523599","desc":"#自律期  代餐选它准没错，就是这个#羽衣甘蓝奇亚籽  精选多种优质食材，养胃健康无负担，味道太绝了！#江中猴姑","digg":2,"comment":0,"share":0,"play":0},{"aweme_id":"7626330584930995456","desc":"江中猴姑米稀出新款啦！就是这款羽衣甘蓝奇亚籽口味，喝起来清香又解腻！太适合自律期了#江中猴姑 #早餐吃什么","digg":2,"comment":0,"share":0,"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>