18307996893
/
fmode-voc-projects


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617361836193620362136223623362436253626362736283629363036313632363336343635363636373638363936403641364236433644364536463647364836493650365136523653365436553656365736583659366036613662366336643665366636673668366936703671367236733674367536763677367836793680368136823683368436853686368736883689369036913692369336943695369636973698369937003701370237033704370537063707370837093710371137123713371437153716371737183719372037213722372337243725372637273728372937303731373237333734373537363737373837393740374137423743374437453746374737483749375037513752375337543755375637573758375937603761376237633764376537663767376837693770377137723773377437753776377737783779378037813782378337843785378637873788378937903791379237933794379537963797379837993800380138023803380438053806380738083809381038113812381338143815381638173818381938203821382238233824382538263827382838293830383138323833383438353836383738383839384038413842384338443845384638473848384938503851385238533854385538563857385838593860386138623863386438653866386738683869387038713872387338743875387638773878387938803881388238833884388538863887
							<!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">34</strong> 篇相关笔记 ·
        <strong class="text-amber">85</strong> 条真实评论 ·
        <strong class="text-amber">7</strong> 位作者画像 ·
        叠加 Amazon <strong class="text-amber">31</strong> 款国际对标产品，
        解构用户真实需求、场景与未被满足的机会。
      </p>
      <div class="cover-stats fade-up">
        <div class="cover-stat"><div class="num">6.9w</div><div class="lbl">累计点赞</div></div>
        <div class="cover-stat"><div class="num">1.4k</div><div class="lbl">累计评论</div></div>
        <div class="cover-stat"><div class="num">5.9w</div><div class="lbl">累计收藏</div></div>
        <div class="cover-stat"><div class="num">1.5w</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="34">34</div>
        <div class="metric-sub">关键词覆盖 3 个维度</div>
      </div>
      <div class="metric fade-up">
        <div class="metric-label">评论原声</div>
        <div class="metric-value" data-count="85">85</div>
        <div class="metric-sub">来自 Top 笔记深度抓取</div>
      </div>
      <div class="metric fade-up">
        <div class="metric-label">作者画像</div>
        <div class="metric-value" data-count="7">7</div>
        <div class="metric-sub">头部 0 · 腰部 1 · KOC 2</div>
      </div>
      <div class="metric fade-up">
        <div class="metric-label">评论/点赞比</div>
        <div class="metric-value">2.1<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">在 85 条评论中，"口感差"被反复提及 <strong class="text-amber">1</strong> 次，超过任何品牌词。这是品类级的心智障碍，比产品本身更值得投资解决。</p>
        <div class="insight-data">
          <div class="dp"><span class="num">1</span><span class="lbl">提及次数</span></div>
          <div class="dp"><span class="num">3</span><span class="lbl">正向对照</span></div>
          <div class="dp"><span class="num text-rose">1.2%</span><span class="lbl">覆盖率</span></div>
        </div>
      </div>
      <div class="insight-banner fade-up" data-num="II">
        <h3>最高赞笔记 <strong>4.7w</strong> 赞，<br>主题围绕 <strong>胃肠养护</strong>。</h3>
        <p class="insight-body">"<em>苹果水的神奇功效，经常熬夜一定多喝苹果水</em>" — 证明 <strong class="text-amber">胃肠养护</strong> 是此品类最强的种草切入点。内容方向 / 产品卖点 / 投流素材都应围绕这一场景聚焦。</p>
        <div class="insight-data">
          <div class="dp"><span class="num">4.7w</span><span class="lbl">最高赞</span></div>
          <div class="dp"><span class="num">674</span><span class="lbl">评论</span></div>
          <div class="dp"><span class="num">4.0w</span><span class="lbl">收藏</span></div>
        </div>
      </div>
      <div class="insight-banner fade-up" data-num="III">
        <h3>一条 <strong>59</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">59</span><span class="lbl">评论获赞</span></div>
          <div class="dp"><span class="num">3</span><span class="lbl">亮点提及</span></div>
          <div class="dp"><span class="num">7</span><span class="lbl">场景覆盖</span></div>
        </div>
      </div>
    </div>
  </div>
</section>
<section class="report-section" id="s3" data-tone="amber" data-slide-num="04/12">
  <div class="section-inner">
    <div class="section-head rise-in">
      <div class="section-eyebrow">03 · Top Notes</div>
      <h2 class="text-h1"><span class="headline-anim">爆款笔记 · 种草全景</span></h2>
      <p class="section-sub">按点赞数排序的 Top 12 笔记 · 标题 / 互动结构 / 发布人画像</p>
    </div>
    <div class="grid grid-3">
      <div class="note-card fade-up">
        <div class="note-rank">#01</div>
        <div class="note-title">苹果水的神奇功效，经常熬夜一定多喝苹果水</div>
        <div style="display:flex;gap:8px;flex-wrap:wrap;">
          <span class="tag gray">图文</span>
          
        </div>
        <div class="note-stats">
          <div class="st"><span class="n">4.7w</span><span class="l">LIKES</span></div>
          <div class="st"><span class="n">674</span><span class="l">COMMENTS</span></div>
          <div class="st"><span class="n">4.0w</span><span class="l">SAVES</span></div>
        </div>
        <div class="text-xs" style="color:var(--text-3);">@璐璐的Timi</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">4.1k</span><span class="l">LIKES</span></div>
          <div class="st"><span class="n">137</span><span class="l">COMMENTS</span></div>
          <div class="st"><span class="n">2.2k</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">脾胃弱必喝！6款豆浆喝走腹胀消化不良！</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">3.4k</span><span class="l">LIKES</span></div>
          <div class="st"><span class="n">19</span><span class="l">COMMENTS</span></div>
          <div class="st"><span class="n">4.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">#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">3.1k</span><span class="l">LIKES</span></div>
          <div class="st"><span class="n">241</span><span class="l">COMMENTS</span></div>
          <div class="st"><span class="n">2.6k</span><span class="l">SAVES</span></div>
        </div>
        <div class="text-xs" style="color:var(--text-3);">@小北妞妞</div>
      </div>
      <div class="note-card fade-up">
        <div class="note-rank">#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">3.0k</span><span class="l">LIKES</span></div>
          <div class="st"><span class="n">9</span><span class="l">COMMENTS</span></div>
          <div class="st"><span class="n">2.4k</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">1.8k</span><span class="l">LIKES</span></div>
          <div class="st"><span class="n">60</span><span class="l">COMMENTS</span></div>
          <div class="st"><span class="n">1.4k</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">胃动力不足别忽视，6大信号看你中了哪个？</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.2k</span><span class="l">LIKES</span></div>
          <div class="st"><span class="n">26</span><span class="l">COMMENTS</span></div>
          <div class="st"><span class="n">534</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">胃胀气、胃不舒服？多喝这9杯水！</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.0k</span><span class="l">LIKES</span></div>
          <div class="st"><span class="n">3</span><span class="l">COMMENTS</span></div>
          <div class="st"><span class="n">1.1k</span><span class="l">SAVES</span></div>
        </div>
        <div class="text-xs" style="color:var(--text-3);">@陈慧敏营养科普</div>
      </div>
      <div class="note-card fade-up">
        <div class="note-rank">#09</div>
        <div class="note-title">脾胃不好 记住一杯养胃水 人人喝得起</div>
        <div style="display:flex;gap:8px;flex-wrap:wrap;">
          <span class="tag gray">视频</span>
          
        </div>
        <div class="note-stats">
          <div class="st"><span class="n">840</span><span class="l">LIKES</span></div>
          <div class="st"><span class="n">15</span><span class="l">COMMENTS</span></div>
          <div class="st"><span class="n">1.1k</span><span class="l">SAVES</span></div>
        </div>
        <div class="text-xs" style="color:var(--text-3);">@张立德</div>
      </div>
      <div class="note-card fade-up">
        <div class="note-rank">#10</div>
        <div class="note-title">瘦子+脾胃虚+吸收差的增肥方法（纯干货）</div>
        <div style="display:flex;gap:8px;flex-wrap:wrap;">
          <span class="tag gray">图文</span>
          
        </div>
        <div class="note-stats">
          <div class="st"><span class="n">671</span><span class="l">LIKES</span></div>
          <div class="st"><span class="n">26</span><span class="l">COMMENTS</span></div>
          <div class="st"><span class="n">475</span><span class="l">SAVES</span></div>
        </div>
        <div class="text-xs" style="color:var(--text-3);">@大白鹅Cc啊</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">652</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">122</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">#12</div>
        <div class="note-title">脾胃调理有顺序，这四步千万别弄错‼️</div>
        <div style="display:flex;gap:8px;flex-wrap:wrap;">
          <span class="tag gray">图文</span>
          
        </div>
        <div class="note-stats">
          <div class="st"><span class="n">642</span><span class="l">LIKES</span></div>
          <div class="st"><span class="n">22</span><span class="l">COMMENTS</span></div>
          <div class="st"><span class="n">958</span><span class="l">SAVES</span></div>
        </div>
        <div class="text-xs" style="color:var(--text-3);">@柠檬老师聊育儿</div>
      </div>
    </div>
    <div class="card fade-up" style="margin-top:32px;">
      <div class="text-mono text-xs text-amber">NOTE HEATMAP</div>
      <h3 class="text-h2" style="margin-top:10px;">笔记互动热力图</h3>
      <p class="text-sm" style="margin:8px 0 20px;">X 轴=点赞 · Y 轴=评论 · 气泡大小=收藏 · 找出低评论高收藏的"干货潜力"笔记</p>
      <div id="chartNoteHeatmap" class="chart-container" style="min-height:440px;"></div>
    </div>
  </div>
</section>
<section class="report-section" id="s4" data-tone="amber" data-slide-num="05/12">
  <div class="section-inner">
    <div class="section-head rise-in">
      <div class="section-eyebrow">04 · Voice Wall</div>
      <h2 class="text-h1"><span class="headline-anim">用户真实原声</span></h2>
      <p class="section-sub">高赞评论 Top 15 · 未经任何编辑的 VOC 原始语料</p>
    </div>
    <div class="voice-wall">
      <div class="voice-card hot fade-up">
        <p class="voice-content">这个东西千万不能乱喝，我同事就是喝这个把自己喝住院了</p>
        <div class="voice-meta">
          <span>匿名</span>
          <span class="voice-likes">♥ 59</span>
        </div>
      </div>
      <div class="voice-card hot fade-up">
        <p class="voice-content">漂亮姐姐，你po的这些所有的都很好，就是你那张签名照像假的，寄给我看看给你鉴别一下</p>
        <div class="voice-meta">
          <span>匿名</span>
          <span class="voice-likes">♥ 54</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">♥ 16</span>
        </div>
      </div>
      <div class="voice-card  fade-up">
        <p class="voice-content">是漂亮的小姐姐小森林祝姐姐天天开心每天都有好心情</p>
        <div class="voice-meta">
          <span>匿名</span>
          <span class="voice-likes">♥ 15</span>
        </div>
      </div>
      <div class="voice-card  fade-up">
        <p class="voice-content">脾胃虚可以买这个吗？</p>
        <div class="voice-meta">
          <span>匿名</span>
          <span class="voice-likes">♥ 11</span>
        </div>
      </div>
      <div class="voice-card  fade-up">
        <p class="voice-content">其他也很好吃吗？！那我也要试试了！！原味的已经很好吃了！！</p>
        <div class="voice-meta">
          <span>匿名</span>
          <span class="voice-likes">♥ 6</span>
        </div>
      </div>
      <div class="voice-card  fade-up">
        <p class="voice-content">姐姐摆放晒图好用心喜欢吃就好 甭和小林客气期待后续能跟曾导再度合作</p>
        <div class="voice-meta">
          <span>匿名</span>
          <span class="voice-likes">♥ 4</span>
        </div>
      </div>
      <div class="voice-card  fade-up">
        <p class="voice-content">还有猴头菇煮水喝也很护胃</p>
        <div class="voice-meta">
          <span>匿名</span>
          <span class="voice-likes">♥ 4</span>
        </div>
      </div>
      <div class="voice-card  fade-up">
        <p class="voice-content">听说小米粥其实对胃不好，会引起胃酸过多</p>
        <div class="voice-meta">
          <span>匿名</span>
          <span class="voice-likes">♥ 4</span>
        </div>
      </div>
      <div class="voice-card  fade-up">
        <p class="voice-content">嫂子和曾导照顾好自己，希望小林以后还能和曾导合作</p>
        <div class="voice-meta">
          <span>匿名</span>
          <span class="voice-likes">♥ 3</span>
        </div>
      </div>
      <div class="voice-card  fade-up">
        <p class="voice-content">姐姐，能不能提个小建议，请朱山尽或者百晓松给田作之赫、不齐而俞拍剧内妆造的写真这次妆造真的很好</p>
        <div class="voice-meta">
          <span>匿名</span>
          <span class="voice-likes">♥ 3</span>
        </div>
      </div>
      <div class="voice-card  fade-up">
        <p class="voice-content">同问</p>
        <div class="voice-meta">
          <span>匿名</span>
          <span class="voice-likes">♥ 3</span>
        </div>
      </div>
      <div class="voice-card  fade-up">
        <p class="voice-content">椰蓉牛奶就是很香</p>
        <div class="voice-meta">
          <span>匿名</span>
          <span class="voice-likes">♥ 3</span>
        </div>
      </div>
      <div class="voice-card  fade-up">
        <p class="voice-content">胃不好星人有什么零食推荐吗</p>
        <div class="voice-meta">
          <span>匿名</span>
          <span class="voice-likes">♥ 3</span>
        </div>
      </div>
      <div class="voice-card  fade-up">
        <p class="voice-content">备孕期间可以喝吗</p>
        <div class="voice-meta">
          <span>匿名</span>
          <span class="voice-likes">♥ 3</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 粉且真实活跃的作者 · 已过滤 3 位低粉低互动账号</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);">2</div>
        <div class="metric-sub">垂类精准 · 素材铺量</div>
      </div>
      <div class="metric fade-up">
        <div class="metric-label">KOC (1k-5k)</div>
        <div class="metric-value" style="color:var(--purple);">4</div>
        <div class="metric-sub">真实口碑 · 低成本试水</div>
      </div>
    </div>
    
    <h3 class="text-h2 fade-up" style="margin-top:24px;margin-bottom:20px;">合格作者 Top 7 · 按粉丝排序</h3>
    <div class="grid grid-3">
      <div class="kol-card fade-up">
        <img class="kol-avatar" src="https://sns-avatar-qc.xhscdn.com/avatar/6107b8674fa2d500018c36a4.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">于2014年创立品牌，专注花草茶饮研究</div>
          <div class="kol-stats">
            <span><span class="amber">9.5w</span> 粉丝</span>
            <span>145.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/1040g2jo31otma0e3ho0043vapnpf0ffb0m42588?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">真是高Channel：最好的养生是让自己开心🔆 📮392966799@qq.com</div>
          <div class="kol-stats">
            <span><span class="amber">1.1w</span> 粉丝</span>
            <span>14.1w 赞藏</span>
            <span>上海</span>
          </div>
        </div>
      </div>
      <div class="kol-card fade-up">
        <img class="kol-avatar" src="https://sns-avatar-qc.xhscdn.com/avatar/643b0df16108b686af518d95.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">8.9k</span> 粉丝</span>
            <span>7.1w 赞藏</span>
            <span>浙江</span>
          </div>
        </div>
      </div>
      <div class="kol-card fade-up">
        <img class="kol-avatar" src="https://sns-avatar-qc.xhscdn.com/avatar/1040g2jo30v0ffkh25e705o5hnc6g8s8vtmge5c0?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">37岁130-115 目标110 想要气血充盈，也要纤细腰腿 养生｜瑜伽｜生活 过好普通人的简单生活～</div>
          <div class="kol-stats">
            <span><span class="amber">5.0k</span> 粉丝</span>
            <span>11.8w 赞藏</span>
            
          </div>
        </div>
      </div>
      <div class="kol-card fade-up">
        <img class="kol-avatar" src="https://sns-avatar-qc.xhscdn.com/avatar/65f0418733828074524e985d.jpg?imageView2/2/w/360/format/webp" alt="" loading="lazy" onerror="this.style.display='none'">
        <div class="kol-info">
          <div class="kol-name">茉Molly</div>
          <div class="kol-desc">严肃记录魔幻日常 良辰美景，更与谁人说</div>
          <div class="kol-stats">
            <span><span class="amber">2.4k</span> 粉丝</span>
            <span>2.8w 赞藏</span>
            <span>陕西</span>
          </div>
        </div>
      </div>
      <div class="kol-card fade-up">
        <img class="kol-avatar" src="https://sns-avatar-qc.xhscdn.com/avatar/1040g2jo30takhajnk4005nu1tps091asuhkghto?imageView2/2/w/360/format/webp" alt="" loading="lazy" onerror="this.style.display='none'">
        <div class="kol-info">
          <div class="kol-name">大白鹅Cc啊</div>
          <div class="kol-desc">@范丞丞 感谢关注，不给原视频哦 别连赞呀 其他平台都同名 视频均为自己制作🈲止搬运，二传二改</div>
          <div class="kol-stats">
            <span><span class="amber">2.0k</span> 粉丝</span>
            <span>23.4w 赞藏</span>
            <span>辽宁</span>
          </div>
        </div>
      </div>
      <div class="kol-card fade-up">
        <img class="kol-avatar" src="https://sns-avatar-qc.xhscdn.com/avatar/1040g2jo31bmmk7nd0s005nvd7td08tr6tu8i4no?imageView2/2/w/360/format/webp" alt="" loading="lazy" onerror="this.style.display='none'">
        <div class="kol-info">
          <div class="kol-name">璐璐的Timi</div>
          <div class="kol-desc">想要健康，就要从健康的时候开始注重健康。</div>
          <div class="kol-stats">
            <span><span class="amber">1.2k</span> 粉丝</span>
            <span>10.8w 赞藏</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 页 · 31 款产品 · 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;">基于 31 款产品 + 5 维度诊断的判断层 · 每个结论都是可以直接拍板的行动锚点</p>
    <div class="grid" style="grid-template-columns:1.1fr 2fr;gap:22px;margin-bottom:28px;">
      <div class="card card-glow fade-up" style="text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:32px 24px;border-left:4px solid var(--amber);">
        <div class="text-mono text-xs" style="color:var(--text-3);letter-spacing:0.18em;margin-bottom:10px;">CATEGORY OPPORTUNITY</div>
        <div style="font-size:3.2rem;font-weight:900;font-family:'JetBrains Mono';color:var(--amber);line-height:1;margin-bottom:8px;">B</div>
        <div class="text-sm" style="color:var(--text-2);font-weight:600;margin-bottom:14px;">推荐</div>
        <div style="background:rgba(255,255,255,0.04);border-radius:999px;padding:6px 16px;font-family:'JetBrains Mono';font-weight:700;font-size:0.9rem;">
          <span style="color:var(--amber);">15</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);">$25-40</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品牌垄断 80.2%（HHI=1769），<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;">BALANCED</span>
              <span style="margin-left:auto;display:flex;gap:3px;"><span style="width:6px;height:6px;border-radius:50%;background:var(--amber);"></span><span style="width:6px;height:6px;border-radius:50%;background:var(--amber);"></span><span style="width:6px;height:6px;border-radius:50%;background:var(--amber);"></span><span style="width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,0.1);"></span><span style="width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,0.1);"></span></span>
            </div>
            <div class="text-xs" style="color:var(--text-2);line-height:1.5;">价格带分布合理，主流集中在 <strong style="color:var(--amber);">$25-40</strong> (10 款，占 32.3%)</div>
          </div>
        </div><div class="fade-up" style="display:flex;align-items:center;gap:14px;padding:12px 16px;background:rgba(255,255,255,0.02);border-radius:10px;border:1px solid rgba(255,255,255,0.05);">
          <div style="font-size:1.3rem;flex-shrink:0;width:36px;text-align:center;">⭐</div>
          <div style="flex:1;min-width:0;">
            <div style="display:flex;gap:10px;align-items:center;margin-bottom:4px;flex-wrap:wrap;">
              <span style="font-weight:700;font-size:0.86rem;">质量门槛</span>
              <span class="text-mono" style="font-size:0.68rem;padding:2px 8px;border-radius:999px;background:rgba(245,166,35,0.12);color:var(--amber);letter-spacing:0.1em;">STANDARD</span>
              <span style="margin-left:auto;display:flex;gap:3px;"><span style="width:6px;height:6px;border-radius:50%;background:var(--amber);"></span><span style="width:6px;height:6px;border-radius:50%;background:var(--amber);"></span><span style="width:6px;height:6px;border-radius:50%;background:var(--amber);"></span><span style="width:6px;height:6px;border-radius:50%;background:var(--amber);"></span><span style="width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,0.1);"></span></span>
            </div>
            <div class="text-xs" style="color:var(--text-2);line-height:1.5;">均评 4.42，<strong style="color:var(--amber);">质量及格线清晰</strong>，做到 4.5+ 可拉开差距</div>
          </div>
        </div><div class="fade-up" style="display:flex;align-items:center;gap:14px;padding:12px 16px;background:rgba(255,255,255,0.02);border-radius:10px;border:1px solid rgba(255,255,255,0.05);">
          <div style="font-size:1.3rem;flex-shrink:0;width:36px;text-align:center;">💬</div>
          <div style="flex:1;min-width:0;">
            <div style="display:flex;gap:10px;align-items:center;margin-bottom:4px;flex-wrap:wrap;">
              <span style="font-weight:700;font-size:0.86rem;">评论壁垒</span>
              <span class="text-mono" style="font-size:0.68rem;padding:2px 8px;border-radius:999px;background:rgba(245,166,35,0.12);color:var(--amber);letter-spacing:0.1em;">LOW MOAT</span>
              <span style="margin-left:auto;display:flex;gap:3px;"><span style="width:6px;height:6px;border-radius:50%;background:var(--amber);"></span><span style="width:6px;height:6px;border-radius:50%;background:var(--amber);"></span><span style="width:6px;height:6px;border-radius:50%;background:var(--amber);"></span><span style="width:6px;height:6px;border-radius:50%;background:var(--amber);"></span><span style="width:6px;height:6px;border-radius:50%;background:var(--amber);"></span></span>
            </div>
            <div class="text-xs" style="color:var(--text-2);line-height:1.5;">27 款产品评论 <500（87%），<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>80.2%</strong>（HHI=1769），龙头 <strong>N/A</strong> 独占 27.8%。建议做补位者而非挑战者。</p>
      </div><div class="fade-up" style="position:relative;padding:20px 22px 20px 26px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:12px;border-left:4px solid var(--blue);">
        <div style="position:absolute;top:16px;right:20px;font-family:'JetBrains Mono';color:var(--text-3);font-size:0.7rem;letter-spacing:0.1em;">FINDING 02</div>
        <div style="display:flex;gap:10px;align-items:flex-start;margin-bottom:8px;">
          <span style="font-size:1.2rem;flex-shrink:0;">💲</span>
          <h4 style="font-size:1rem;font-weight:700;color:var(--blue);line-height:1.4;">定价锚点 $22.3，建议价位 $20-27</h4>
        </div>
        <p class="text-sm" style="color:var(--text-2);line-height:1.65;">行业均价 $21.1，中位数 $22.3（$10-$33）。消费者对此品类的价格期望已形成锚定，<strong>新品建议贴近中位数 ±15%</strong>，过高需强差异化支撑，过低会被误判为低质。</p>
      </div><div class="fade-up" style="position:relative;padding:20px 22px 20px 26px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:12px;border-left:4px solid var(--amber);">
        <div style="position:absolute;top:16px;right:20px;font-family:'JetBrains Mono';color:var(--text-3);font-size:0.7rem;letter-spacing:0.1em;">FINDING 03</div>
        <div style="display:flex;gap:10px;align-items:flex-start;margin-bottom:8px;">
          <span style="font-size:1.2rem;flex-shrink:0;">⭐</span>
          <h4 style="font-size:1rem;font-weight:700;color:var(--amber);line-height:1.4;">质量基线 4.42 星 · 标准</h4>
        </div>
        <p class="text-sm" style="color:var(--text-2);line-height:1.65;">行业均评 <strong>4.42</strong>。做到 4.5+ 即可拉开差距。最高频痛点是 <strong>Overpriced · 价格感知差</strong>（2 次提及），这是第一优化方向。</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>Quality Ingredients · 优质原料</strong>（2 次，覆盖 2 家品牌）；差评 Top 1：<strong>Overpriced · 价格感知差</strong>（2 次）。营销应将「优质原料」作为 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="31">31</div>
        <div class="metric-sub">4 组关键词 × 3 页</div>
      </div>
      <div class="metric fade-up">
        <div class="metric-label">均价 / 中位</div>
        <div class="metric-value">$21.1</div>
        <div class="metric-sub">中位 $22.34 · $9.8–$33</div>
      </div>
      <div class="metric fade-up">
        <div class="metric-label">平均评分</div>
        <div class="metric-value" style="color:var(--green);">4.42</div>
        <div class="metric-sub">用户质量期望 · 中位 4.5</div>
      </div>
      <div class="metric fade-up">
        <div class="metric-label">月销总额</div>
        <div class="metric-value" style="color:var(--amber);">$371.5k</div>
        <div class="metric-sub">CR5 80.2% · HHI 1769</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;">N/A</td>
                <td class="tb-num">1</td>
                <td class="tb-num" style="color:var(--amber);">27.8%</td>
                <td class="tb-num">$103.3k</td>
              </tr><tr>
                <td class="tb-num">02</td>
                <td style="font-weight:600;">NEW AGE</td>
                <td class="tb-num">1</td>
                <td class="tb-num" style="color:var(--amber);">22.7%</td>
                <td class="tb-num">$84.2k</td>
              </tr><tr>
                <td class="tb-num">03</td>
                <td style="font-weight:600;">Real Mushrooms</td>
                <td class="tb-num">1</td>
                <td class="tb-num" style="color:var(--amber);">20.3%</td>
                <td class="tb-num">$75.3k</td>
              </tr><tr>
                <td class="tb-num">04</td>
                <td style="font-weight:600;">Live Conscious</td>
                <td class="tb-num">1</td>
                <td class="tb-num" style="color:var(--amber);">4.8%</td>
                <td class="tb-num">$17.7k</td>
              </tr><tr>
                <td class="tb-num">05</td>
                <td style="font-weight:600;">Liberty Lifestyle</td>
                <td class="tb-num">1</td>
                <td class="tb-num" style="color:var(--amber);">4.6%</td>
                <td class="tb-num">$17.3k</td>
              </tr><tr>
                <td class="tb-num">06</td>
                <td style="font-weight:600;">DEAL SUPPLEMENT</td>
                <td class="tb-num">1</td>
                <td class="tb-num" style="color:var(--amber);">3.1%</td>
                <td class="tb-num">$11.5k</td>
              </tr><tr>
                <td class="tb-num">07</td>
                <td style="font-weight:600;">Liekoh</td>
                <td class="tb-num">1</td>
                <td class="tb-num" style="color:var(--amber);">2.4%</td>
                <td class="tb-num">$8.9k</td>
              </tr><tr>
                <td class="tb-num">08</td>
                <td style="font-weight:600;">Premium Select Nutrition</td>
                <td class="tb-num">1</td>
                <td class="tb-num" style="color:var(--amber);">2.1%</td>
                <td class="tb-num">$7.8k</td>
              </tr><tr>
                <td class="tb-num">09</td>
                <td style="font-weight:600;">GENFOJAS</td>
                <td class="tb-num">1</td>
                <td class="tb-num" style="color:var(--amber);">2.0%</td>
                <td class="tb-num">$7.6k</td>
              </tr><tr>
                <td class="tb-num">10</td>
                <td style="font-weight:600;">DR. MORITZ</td>
                <td class="tb-num">1</td>
                <td class="tb-num" style="color:var(--amber);">1.7%</td>
                <td class="tb-num">$6.5k</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>80.2%</strong>, HHI = <strong>1769</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;">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(--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;">27.8%</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;">$21.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.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 · B08NFM1Q6H</div>
          <div class="text-sm" style="line-height:1.4;color:var(--text-1);margin-bottom:6px;">MaryRuth Organics Lions Mane Mushroom Supplement, Up to 1 Month Supply</div>
          <div class="text-xs text-mono" style="color:var(--text-3);display:flex;gap:12px;flex-wrap:wrap;">
            <span>$21.90</span>
            <span style="color:var(--green);">★ 4.5</span>
            <span>3.0k 评</span>
            <span style="color:var(--amber);">4.7k/月</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 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>价格差 +$0.8 · 评分差 +0.08</span>
          <span style="margin-left:auto;">3.0k 评论</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;">#02</span>
            <h4 style="font-size:1.05rem;font-weight:700;">NEW AGE</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;">22.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;">$31.1</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 · B0CZMPYGF3</div>
          <div class="text-sm" style="line-height:1.4;color:var(--text-1);margin-bottom:6px;">NEW AGE Lions Mane Mushroom Supplement with Turkey Tail Reishi Cordyce</div>
          <div class="text-xs text-mono" style="color:var(--text-3);display:flex;gap:12px;flex-wrap:wrap;">
            <span>$31.11</span>
            <span style="color:var(--green);">★ 4.5</span>
            <span>1.6k 评</span>
            <span style="color:var(--amber);">2.7k/月</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 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 style="padding:4px 0;display:flex;justify-content:space-between;gap:8px;color:var(--text-2);"><span>服用体验好</span><span class="text-mono" style="color:var(--green);">×1</span></div>
          </div>
          <div>
            <div class="text-xs" style="color:var(--rose);font-weight:700;margin-bottom:6px;letter-spacing:0.08em;">⚠ WEAKNESSES</div>
            <div style="padding:4px 0;display:flex;justify-content:space-between;gap:8px;color:var(--text-2);"><span>效果受质疑</span><span class="text-mono" style="color:var(--rose);">×1</span></div><div style="padding:4px 0;display:flex;justify-content:space-between;gap:8px;color:var(--text-2);"><span>价格争议</span><span class="text-mono" style="color:var(--rose);">×1</span></div>
          </div>
        </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>价格差 +$10 · 评分差 +0.08</span>
          <span style="margin-left:auto;">1.6k 评论</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;">#03</span>
            <h4 style="font-size:1.05rem;font-weight:700;">Real Mushrooms</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;">20.3%</div></div>
          <div><div class="text-xs" style="color:var(--text-3);">SKU</div><div style="font-weight:700;font-family:'JetBrains Mono';font-size:0.95rem;">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;">$31.3</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 · B01DKZZFCE</div>
          <div class="text-sm" style="line-height:1.4;color:var(--text-1);margin-bottom:6px;">Real Mushrooms Lions Mane Mushroom Supplement - Organic Lions Mane Ext</div>
          <div class="text-xs text-mono" style="color:var(--text-3);display:flex;gap:12px;flex-wrap:wrap;">
            <span>$31.31</span>
            <span style="color:var(--green);">★ 4.5</span>
            <span>5.2k 评</span>
            <span style="color:var(--amber);">2.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 style="padding:4px 0;display:flex;justify-content:space-between;gap:8px;color:var(--text-2);"><span>原料/工艺优势</span><span class="text-mono" style="color:var(--green);">×1</span></div>
          </div>
          <div>
            <div class="text-xs" style="color:var(--rose);font-weight:700;margin-bottom:6px;letter-spacing:0.08em;">⚠ WEAKNESSES</div>
            <div style="padding:4px 0;display:flex;justify-content:space-between;gap:8px;color:var(--text-2);"><span>价格争议</span><span class="text-mono" style="color:var(--rose);">×1</span></div><div style="padding:4px 0;display:flex;justify-content:space-between;gap:8px;color:var(--text-2);"><span>量少争议</span><span class="text-mono" style="color:var(--rose);">×1</span></div>
          </div>
        </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>价格差 +$10.2 · 评分差 +0.08</span>
          <span style="margin-left:auto;">5.2k 评论</span>
        </div>
      </div><div class="card fade-up" style="border-left:4px solid var(--purple);padding:22px 22px 20px;">
        <div style="display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap;">
          <div style="display:flex;align-items:baseline;gap:10px;">
            <span class="text-mono" style="color:var(--text-3);font-size:0.7rem;">#04</span>
            <h4 style="font-size:1.05rem;font-weight:700;">Live Conscious</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;">4.8%</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;">$29.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 · B0CK9TNGYG</div>
          <div class="text-sm" style="line-height:1.4;color:var(--text-1);margin-bottom:6px;">Live Conscious Lions Mane Mushroom Supplement Capsules for Brain Suppo</div>
          <div class="text-xs text-mono" style="color:var(--text-3);display:flex;gap:12px;flex-wrap:wrap;">
            <span>$29.00</span>
            <span style="color:var(--green);">★ 4.5</span>
            <span>259 评</span>
            <span style="color:var(--amber);">612/月</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>价格差 +$7.9 · 评分差 +0.08</span>
          <span style="margin-left:auto;">259 评论</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;">#05</span>
            <h4 style="font-size:1.05rem;font-weight:700;">Liberty Lifestyle</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;">4.6%</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;">$24.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 · B0D54SYTPN</div>
          <div class="text-sm" style="line-height:1.4;color:var(--text-1);margin-bottom:6px;">Liberty Lifestyle Lions Mane Mushroom Supplement with Turkey Tail Reis</div>
          <div class="text-xs text-mono" style="color:var(--text-3);display:flex;gap:12px;flex-wrap:wrap;">
            <span>$23.96</span>
            <span style="color:var(--green);">★ 4.5</span>
            <span>447 评</span>
            <span style="color:var(--amber);">721/月</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>价格差 +$2.9 · 评分差 +0.08</span>
          <span style="margin-left:auto;">447 评论</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;">N/A</div><div class="text-xs" style="margin-top:3px;color:var(--text-3);">MaryRuth Organics Lions Mane Mushroom Supplement, Up to 1 Month Supply, Nootropi</div></td>
      <td class="tb-num">$21.90</td>
      <td class="tb-num" style="color:var(--amber);">4.7k</td>
      <td>★ 4.5<br><span class="text-xs text-mono" style="color:var(--text-3);">3.0k 评</span></td>
      <td class="text-mono text-xs" style="color:var(--text-3);">B08NFM1Q6H</td>
    </tr><tr>
      <td class="tb-num">02</td>
      <td><div style="font-weight:600;">NEW AGE</div><div class="text-xs" style="margin-top:3px;color:var(--text-3);">NEW AGE Lions Mane Mushroom Supplement with Turkey Tail Reishi Cordyceps Chaga w</div></td>
      <td class="tb-num">$31.11</td>
      <td class="tb-num" style="color:var(--amber);">2.7k</td>
      <td>★ 4.5<br><span class="text-xs text-mono" style="color:var(--text-3);">1.6k 评</span></td>
      <td class="text-mono text-xs" style="color:var(--text-3);">B0CZMPYGF3</td>
    </tr><tr>
      <td class="tb-num">03</td>
      <td><div style="font-weight:600;">Real Mushrooms</div><div class="text-xs" style="margin-top:3px;color:var(--text-3);">Real Mushrooms Lions Mane Mushroom Supplement - Organic Lions Mane Extract Powde</div></td>
      <td class="tb-num">$31.31</td>
      <td class="tb-num" style="color:var(--amber);">2.4k</td>
      <td>★ 4.5<br><span class="text-xs text-mono" style="color:var(--text-3);">5.2k 评</span></td>
      <td class="text-mono text-xs" style="color:var(--text-3);">B01DKZZFCE</td>
    </tr><tr>
      <td class="tb-num">04</td>
      <td><div style="font-weight:600;">Liberty Lifestyle</div><div class="text-xs" style="margin-top:3px;color:var(--text-3);">Liberty Lifestyle Lions Mane Mushroom Supplement with Turkey Tail Reishi Cordyce</div></td>
      <td class="tb-num">$23.96</td>
      <td class="tb-num" style="color:var(--amber);">721</td>
      <td>★ 4.5<br><span class="text-xs text-mono" style="color:var(--text-3);">447 评</span></td>
      <td class="text-mono text-xs" style="color:var(--text-3);">B0D54SYTPN</td>
    </tr><tr>
      <td class="tb-num">05</td>
      <td><div style="font-weight:600;">DEAL SUPPLEMENT</div><div class="text-xs" style="margin-top:3px;color:var(--text-3);">Lions Mane Mushroom Supplement, 240* Capsules – Active Fruiting Body &amp; Mycelium </div></td>
      <td class="tb-num">$16.19</td>
      <td class="tb-num" style="color:var(--amber);">710</td>
      <td>★ 4.6<br><span class="text-xs text-mono" style="color:var(--text-3);">1.6k 评</span></td>
      <td class="text-mono text-xs" style="color:var(--text-3);">B09KZ1VNPF</td>
    </tr><tr>
      <td class="tb-num">06</td>
      <td><div style="font-weight:600;">Live Conscious</div><div class="text-xs" style="margin-top:3px;color:var(--text-3);">Live Conscious Lions Mane Mushroom Supplement Capsules for Brain Support w/Lion‘</div></td>
      <td class="tb-num">$29.00</td>
      <td class="tb-num" style="color:var(--amber);">612</td>
      <td>★ 4.5<br><span class="text-xs text-mono" style="color:var(--text-3);">259 评</span></td>
      <td class="text-mono text-xs" style="color:var(--text-3);">B0CK9TNGYG</td>
    </tr><tr>
      <td class="tb-num">07</td>
      <td><div style="font-weight:600;">GENFOJAS</div><div class="text-xs" style="margin-top:3px;color:var(--text-3);">Organic Ashwagandha Gummies &amp; Lions Mane Gummies with 4 Adaptogens| Brain Supple</div></td>
      <td class="tb-num">$17.07</td>
      <td class="tb-num" style="color:var(--amber);">443</td>
      <td>★ 5<br><span class="text-xs text-mono" style="color:var(--text-3);">4 评</span></td>
      <td class="text-mono text-xs" style="color:var(--text-3);">B0GQD9TJ7B</td>
    </tr><tr>
      <td class="tb-num">08</td>
      <td><div style="font-weight:600;">DR. MORITZ</div><div class="text-xs" style="margin-top:3px;color:var(--text-3);">DR. MORITZ Lions Mane Gummies for Adults and Kids 4+ - Mushroom Gummies with 12-</div></td>
      <td class="tb-num">$15.26</td>
      <td class="tb-num" style="color:var(--amber);">426</td>
      <td>★ 4.4<br><span class="text-xs text-mono" style="color:var(--text-3);">188 评</span></td>
      <td class="text-mono text-xs" style="color:var(--text-3);">B0DHW189LD</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;">Real Mushrooms</div><div class="text-xs" style="margin-top:3px;color:var(--text-3);">Real Mushrooms Lions Mane Mushroom Supplement - Organic Lions Mane Extract Powde</div></td>
      <td style="color:var(--green);font-weight:600;">★ 4.5</td>
      <td class="tb-num" style="color:var(--amber);">5.2k</td>
      <td class="tb-num">$31.31</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 Organics Lions Mane Mushroom Supplement, Up to 1 Month Supply, Nootropi</div></td>
      <td style="color:var(--green);font-weight:600;">★ 4.5</td>
      <td class="tb-num" style="color:var(--amber);">3.0k</td>
      <td class="tb-num">$21.90</td>
    </tr><tr>
      <td class="tb-num">03</td>
      <td><div style="font-weight:600;">DEAL SUPPLEMENT</div><div class="text-xs" style="margin-top:3px;color:var(--text-3);">Lions Mane Mushroom Supplement, 240* Capsules – Active Fruiting Body &amp; Mycelium </div></td>
      <td style="color:var(--green);font-weight:600;">★ 4.6</td>
      <td class="tb-num" style="color:var(--amber);">1.6k</td>
      <td class="tb-num">$16.19</td>
    </tr><tr>
      <td class="tb-num">04</td>
      <td><div style="font-weight:600;">NEW AGE</div><div class="text-xs" style="margin-top:3px;color:var(--text-3);">NEW AGE Lions Mane Mushroom Supplement with Turkey Tail Reishi Cordyceps Chaga w</div></td>
      <td style="color:var(--green);font-weight:600;">★ 4.5</td>
      <td class="tb-num" style="color:var(--amber);">1.6k</td>
      <td class="tb-num">$31.11</td>
    </tr><tr>
      <td class="tb-num">05</td>
      <td><div style="font-weight:600;">Liberty Lifestyle</div><div class="text-xs" style="margin-top:3px;color:var(--text-3);">Liberty Lifestyle Lions Mane Mushroom Supplement with Turkey Tail Reishi Cordyce</div></td>
      <td style="color:var(--green);font-weight:600;">★ 4.5</td>
      <td class="tb-num" style="color:var(--amber);">447</td>
      <td class="tb-num">$23.96</td>
    </tr><tr>
      <td class="tb-num">06</td>
      <td><div style="font-weight:600;">DR. BO</div><div class="text-xs" style="margin-top:3px;color:var(--text-3);">Lions Mane Mushroom Supplement Drops - Organic Lion‘s Mane Mushroom Liquid Tinct</div></td>
      <td style="color:var(--green);font-weight:600;">★ 4.3</td>
      <td class="tb-num" style="color:var(--amber);">269</td>
      <td class="tb-num">$13.95</td>
    </tr><tr>
      <td class="tb-num">07</td>
      <td><div style="font-weight:600;">Live Conscious</div><div class="text-xs" style="margin-top:3px;color:var(--text-3);">Live Conscious Lions Mane Mushroom Supplement Capsules for Brain Support w/Lion‘</div></td>
      <td style="color:var(--green);font-weight:600;">★ 4.5</td>
      <td class="tb-num" style="color:var(--amber);">259</td>
      <td class="tb-num">$29.00</td>
    </tr><tr>
      <td class="tb-num">08</td>
      <td><div style="font-weight:600;">Liekoh</div><div class="text-xs" style="margin-top:3px;color:var(--text-3);">Ashwagandha Gummies - Organic Ashwagandha &amp; Lions Mane Gummies for Adults with 4</div></td>
      <td style="color:var(--green);font-weight:600;">★ 4.6</td>
      <td class="tb-num" style="color:var(--amber);">245</td>
      <td class="tb-num">$22.79</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/81oq6VNvQUL.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>
            
            
          </div>
          <div style="font-weight:600;font-size:0.88rem;margin-bottom:8px;line-height:1.4;">MaryRuth Organics Lions Mane Mushroom Supplement, Up to 1 Month Supply, Nootro</div>
          <div class="text-xs text-mono" style="color:var(--text-3);margin-bottom:10px;">ASIN · B08NFM1Q6H</div>
          <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:8px;font-size:0.78rem;">
            <div><div style="color:var(--text-3);">售价</div><div style="color:var(--amber);font-weight:700;font-family:'JetBrains Mono';">$21.90</div></div>
            <div><div style="color:var(--text-3);">评分</div><div style="color:var(--green);font-weight:700;">★ 4.5 · 3.0k</div></div>
            <div><div style="color:var(--text-3);">月销</div><div style="font-weight:700;">4.7k</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;">1814d</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/516HegNRKuL.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);">NEW AGE</span>
            <span class="tag">有视频</span>
            <span class="tag">A+</span>
            <span class="tag">品牌店</span>
            <span class="tag">3 变体</span>
          </div>
          <div style="font-weight:600;font-size:0.88rem;margin-bottom:8px;line-height:1.4;">NEW AGE Lions Mane Mushroom Supplement with Turkey Tail Reishi Cordyceps Chaga</div>
          <div class="text-xs text-mono" style="color:var(--text-3);margin-bottom:10px;">ASIN · B0CZMPYGF3</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';">$31.11</div></div>
            <div><div style="color:var(--text-3);">评分</div><div style="color:var(--green);font-weight:700;">★ 4.5 · 1.6k</div></div>
            <div><div style="color:var(--text-3);">月销</div><div style="font-weight:700;">2.7k</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;">742d</div></div>
            <div><div style="color:var(--text-3);">Buybox 卖家</div><div style="font-weight:700;font-size:0.7rem;">NewAgeWholesale</div></div>
          </div>
        </div>
      </div><div class="card fade-up" style="display:flex;gap:16px;">
        <img src="https://m.media-amazon.com/images/I/41NLRDYg7bL.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);">Real Mushrooms</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;">Real Mushrooms Lions Mane Mushroom Supplement - Organic Lions Mane Extract Pow</div>
          <div class="text-xs text-mono" style="color:var(--text-3);margin-bottom:10px;">ASIN · B01DKZZFCE</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';">$31.31</div></div>
            <div><div style="color:var(--text-3);">评分</div><div style="color:var(--green);font-weight:700;">★ 4.5 · 5.2k</div></div>
            <div><div style="color:var(--text-3);">月销</div><div style="font-weight:700;">2.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;">3660d</div></div>
            <div><div style="color:var(--text-3);">Buybox 卖家</div><div style="font-weight:700;font-size:0.7rem;">Real Mushrooms</div></div>
          </div>
        </div>
      </div><div class="card fade-up" style="display:flex;gap:16px;">
        <img src="https://m.media-amazon.com/images/I/81ap94RCOqL._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);">Liberty Lifestyle</span>
            
            <span class="tag">A+</span>
            
            <span class="tag">3 变体</span>
          </div>
          <div style="font-weight:600;font-size:0.88rem;margin-bottom:8px;line-height:1.4;">Liberty Lifestyle Lions Mane Mushroom Supplement with Turkey Tail Reishi Cordy</div>
          <div class="text-xs text-mono" style="color:var(--text-3);margin-bottom:10px;">ASIN · B0D54SYTPN</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';">$23.96</div></div>
            <div><div style="color:var(--text-3);">评分</div><div style="color:var(--green);font-weight:700;">★ 4.5 · 447</div></div>
            <div><div style="color:var(--text-3);">月销</div><div style="font-weight:700;">721</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;">681d</div></div>
            <div><div style="color:var(--text-3);">Buybox 卖家</div><div style="font-weight:700;font-size:0.7rem;">Liberty-Lifestyl</div></div>
          </div>
        </div>
      </div><div class="card fade-up" style="display:flex;gap:16px;">
        <img src="https://m.media-amazon.com/images/I/61qfq-D1jeL._AC_SL1196_.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);">DEAL SUPPLEMENT</span>
            
            <span class="tag">A+</span>
            
            
          </div>
          <div style="font-weight:600;font-size:0.88rem;margin-bottom:8px;line-height:1.4;">Lions Mane Mushroom Supplement, 240* Capsules – Active Fruiting Body &amp; Myceliu</div>
          <div class="text-xs text-mono" style="color:var(--text-3);margin-bottom:10px;">ASIN · B09KZ1VNPF</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.19</div></div>
            <div><div style="color:var(--text-3);">评分</div><div style="color:var(--green);font-weight:700;">★ 4.6 · 1.6k</div></div>
            <div><div style="color:var(--text-3);">月销</div><div style="font-weight:700;">710</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;">1616d</div></div>
            <div><div style="color:var(--text-3);">Buybox 卖家</div><div style="font-weight:700;font-size:0.7rem;">Bayland Health</div></div>
          </div>
        </div>
      </div><div class="card fade-up" style="display:flex;gap:16px;">
        <img src="https://m.media-amazon.com/images/I/713ojP90sdL.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);">Live Conscious</span>
            
            <span class="tag">A+</span>
            
            <span class="tag">2 变体</span>
          </div>
          <div style="font-weight:600;font-size:0.88rem;margin-bottom:8px;line-height:1.4;">Live Conscious Lions Mane Mushroom Supplement Capsules for Brain Support w/Lio</div>
          <div class="text-xs text-mono" style="color:var(--text-3);margin-bottom:10px;">ASIN · B0CK9TNGYG</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';">$29.00</div></div>
            <div><div style="color:var(--text-3);">评分</div><div style="color:var(--green);font-weight:700;">★ 4.5 · 259</div></div>
            <div><div style="color:var(--text-3);">月销</div><div style="font-weight:700;">612</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;">823d</div></div>
            <div><div style="color:var(--text-3);">Buybox 卖家</div><div style="font-weight:700;font-size:0.7rem;">Live.Conscious</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;">品类成熟度：平均上线 1556 天 (4.3 年)</h3>
      <p class="text-sm" style="margin-top:10px;color:var(--text-2);line-height:1.7;">
        Top 6 深度样本中 · <strong style="color:var(--green);">0 款新品（&lt;180d）</strong> · <strong style="color:var(--amber);">6 款成熟品（≥1年）</strong>
        · 市场结构稳固，新玩家需强差异化
      </p>
    </div>
    
    <h3 class="text-h2 fade-up" style="margin-top:8px;margin-bottom:16px;">6.5 · 真实评论抽样</h3>
    <p class="section-sub fade-up" style="margin-bottom:24px;">对 Top 3 款抓取真实评论 · 按星级分布 + 正负面抽样</p>
    <div class="grid grid-1" style="margin-bottom:32px;">
      <div class="card fade-up" style="border-left:3px solid var(--amber);">
        <div style="display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px;">
          <div>
            <div class="text-mono text-xs" style="color:var(--amber);">B08NFM1Q6H</div>
            <h4 style="font-size:0.95rem;margin-top:4px;">N/A · MaryRuth Organics Lions Mane Mushroom Supplement, </h4>
          </div>
          <div style="text-align:right;flex-shrink:0;">
            <div style="color:var(--green);font-weight:700;font-size:1.1rem;">★ 4.40</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;">★★★★★ 76  ★★★★ 9  ★★★ 3  ★★ 3  ★ 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 · AMAZING 🤩 BUYING MORE TODAY · I love this neck</div>
            <div class="text-sm" style="color:var(--text-2);line-height:1.5;">UNBELIEVABLE, MY HUSBAND HAS ( HAD ?) SEVERE DEMENTIA BUT AFTER GIVING HIM LIONS MANE HIS MEMORY HAS IMPROVED SO MUCH STARTING FROM THE FIRST DAY HE STARTED TAKING IT, AND HIS SPEECH AND EVERYTHING KEEPS GETTING BETTER DAILY AND MIND SHARPE</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 · Not worth the consumption · kat 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;">Tried for 2 month no know improvement</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);">B0CZMPYGF3</div>
            <h4 style="font-size:0.95rem;margin-top:4px;">NEW AGE · NEW AGE Lions Mane Mushroom Supplement with Turkey</h4>
          </div>
          <div style="text-align:right;flex-shrink:0;">
            <div style="color:var(--green);font-weight:700;font-size:1.1rem;">★ 3.97</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;">★★★★★ 61  ★★★★ 6  ★★★ 17  ★★ 1  ★ 15</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 · New Age Lions Mane mushroom Supplement · AE</div>
            <div class="text-sm" style="color:var(--text-2);line-height:1.5;">Love this product, effectiveness and mental clarity boosted.</div>
          </div>
          <div style="padding:12px;background:rgba(255,77,141,.06);border-left:2px solid var(--rose);border-radius:0 6px 6px 0;">
            <div class="text-xs" style="color:var(--rose);margin-bottom:6px;">★ 1 · Do not buy · LCO <span class="text-mono" style="color:var(--amber);">✓VP</span></div>
            <div class="text-sm" style="color:var(--text-2);line-height:1.5;">They did nothing for me I wasted my money</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);">B01DKZZFCE</div>
            <h4 style="font-size:0.95rem;margin-top:4px;">Real Mushrooms · Real Mushrooms Lions Mane Mushroom Supplement - Or</h4>
          </div>
          <div style="text-align:right;flex-shrink:0;">
            <div style="color:var(--green);font-weight:700;font-size:1.1rem;">★ 4.12</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;">★★★★★ 68  ★★★★ 8  ★★★ 4  ★★ 8  ★ 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 · Top Quality, Responsibly produced, Delic · NorthWoods Livin</div>
            <div class="text-sm" style="color:var(--text-2);line-height:1.5;">I whip this into my heated coffee creamer before adding it to my morning coffee. Love the taste and am very pleased with the positive impact it has made for me. This is my second order. It does cost more than the unverified products, but th</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 · size for price · Barrett manageme <span class="text-mono" style="color:var(--amber);">✓VP</span></div>
            <div class="text-sm" style="color:var(--text-2);line-height:1.5;">OVERPRICED!!!..........Thought that the size of the package would be bigger.</div>
          </div>
        </div>
      </div>
    </div>
    <div class="card fade-up">
      <div class="text-mono text-xs text-amber">STAR DISTRIBUTION</div>
      <h3 class="text-h2" style="margin-top:10px;">各产品 5 星分布对比</h3>
      <div id="chartStarDist" class="chart-container" style="margin-top:20px;min-height:320px;"></div>
    </div>
    
    <h3 class="text-h2 fade-up" style="margin-top:8px;margin-bottom:12px;">6.5+ · VOC 用户原声主题</h3>
    <p class="section-sub fade-up" style="margin-bottom:22px;">从 <strong class="text-amber">30</strong> 条真实评论中聚类 · <strong class="text-rose">15</strong> 条差评 × <strong class="text-green">15</strong> 条好评 · 高频词聚类后得出的结构性主题</p>
    <div class="grid grid-3" style="margin-bottom:40px;gap:20px;">
      <div class="card fade-up" style="border-left:3px solid var(--rose);">
        <div class="text-mono text-xs" style="color:var(--rose);">PAIN POINTS · 痛点</div>
        <h3 class="text-h3" style="margin-top:8px;margin-bottom:16px;">🔴 用户核心痛点 Top 3</h3>
        <div class="fade-up" style="margin-bottom:12px;">
          <div style="display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px;gap:8px;">
            <div style="display:flex;gap:8px;align-items:center;min-width:0;">
              <span style="font-size:1rem;flex-shrink:0;">💵</span>
              <span style="font-weight:600;font-size:0.82rem;overflow:hidden;text-overflow:ellipsis;">价格感知差</span>
            </div>
            <span class="text-mono" style="font-size:0.78rem;color:var(--rose);flex-shrink:0;">2 · 13.3%</span>
          </div>
          <div style="height:6px;background:rgba(255,255,255,0.05);border-radius:3px;overflow:hidden;">
            <div style="height:100%;background:var(--rose);width:13.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;">"i don’t feel any difference after talking the pills. as if they are not effective. i’ll sw…" · <span style="color:var(--text-2);">NEW AGE</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;">"was excited to try this from previous positive experiences with lions mane but it did noth…" · <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;">"the bag is way too small. its barely a weeks worth of supply. really disappointed, althoug…" · <span style="color:var(--text-2);">Real Mushrooms</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 4</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;">2 · 13.3%</span>
          </div>
          <div style="height:6px;background:rgba(255,255,255,0.05);border-radius:3px;overflow:hidden;">
            <div style="height:100%;background:var(--green);width:13.3%;border-radius:3px;transition:width 1.2s cubic-bezier(.16,.84,.33,1);"></div>
          </div>
          <div class="text-xs" style="margin-top:6px;color:var(--text-3);line-height:1.5;padding-left:24px;font-style:italic;">"i add this to my tea at night and it helps me sleep better at night, naturally." · <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;">2 · 13.3%</span>
          </div>
          <div style="height:6px;background:rgba(255,255,255,0.05);border-radius:3px;overflow:hidden;">
            <div style="height:100%;background:var(--green);width:13.3%;border-radius:3px;transition:width 1.2s cubic-bezier(.16,.84,.33,1);"></div>
          </div>
          <div class="text-xs" style="margin-top:6px;color:var(--text-3);line-height:1.5;padding-left:24px;font-style:italic;">"these are great and easy to swallow. i don‘t know if they’ve made a huge difference but i …" · <span style="color:var(--text-2);">NEW AGE</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;">"love this product, effectiveness and mental clarity boosted." · <span style="color:var(--text-2);">NEW AGE</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;">4 · 13.3%</span>
          </div>
          <div style="height:6px;background:rgba(255,255,255,0.05);border-radius:3px;overflow:hidden;">
            <div style="height:100%;background:var(--blue);width:13.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;">"i felt so much better within 3 days, more energy, not as sluggish, in a better mood, think…" · <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;">"i add this to my tea at night and it helps me sleep better at night, naturally." · <span style="color:var(--text-2);">N/A</span></div>
        </div>
      </div>
    </div>
    
    <h3 class="text-h2 fade-up" style="margin-top:8px;margin-bottom:12px;">6.6 · 从数据到行动 · 三马车战略建议</h3>
    <p class="section-sub fade-up" style="margin-bottom:22px;">基于以上所有分析维度（机会等级 <strong style="color:var(--amber);">B · 推荐</strong>）导出的分阶段可执行动作</p>
    <div class="grid grid-3" style="margin-bottom:20px;gap:18px;">
      <div class="card card-accent fade-up" style="border-left-color:var(--amber);">
      <div style="display:flex;justify-content:space-between;align-items:center;gap:10px;">
        <div class="text-mono text-xs" style="color:var(--amber);">TRACK 1 · 0-30 DAYS</div>
        <span class="text-mono" style="font-size:0.64rem;padding:3px 10px;border-radius:999px;background:var(--amber)20;color:var(--amber);letter-spacing:0.1em;font-weight:700;">QUICK WIN</span>
      </div>
      <h3 class="text-h2" style="margin-top:10px;margin-bottom:14px;">0-30 天 · 选品与立项</h3>
      <ul style="list-style:none;display:flex;flex-direction:column;gap:10px;color:var(--text-2);font-size:0.88rem;line-height:1.6;">
        <li style="padding-left:20px;position:relative;"><span style="position:absolute;left:0;top:2px;color:var(--amber);">✓</span>定价锚点 <strong>$20-$27</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, 2 次提及）</li><li style="padding-left:20px;position:relative;"><span style="position:absolute;left:0;top:2px;color:var(--amber);">✓</span>参考 $25-40 价位 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>（2 次提及）</li><li style="padding-left:20px;position:relative;"><span style="position:absolute;left:0;top:2px;color:var(--green);">✓</span>种草场景聚焦 <strong>医生建议</strong>（4 次用户自发提及）</li><li style="padding-left:20px;position:relative;"><span style="position:absolute;left:0;top:2px;color:var(--green);">✓</span>保持 ≥4.5 即可拉开差距，Review seeding 20-30 条足够起量</li><li style="padding-left:20px;position:relative;"><span style="position:absolute;left:0;top:2px;color:var(--green);">✓</span>不正面硬拼头部品牌，用长尾关键词 ASIN Targeting 抢流量</li>
      </ul>
    </div>
      <div class="card card-accent fade-up" style="border-left-color:var(--purple);">
      <div style="display:flex;justify-content:space-between;align-items:center;gap:10px;">
        <div class="text-mono text-xs" style="color:var(--purple);">TRACK 3 · 90+ DAYS</div>
        <span class="text-mono" style="font-size:0.64rem;padding:3px 10px;border-radius:999px;background:var(--purple)20;color:var(--purple);letter-spacing:0.1em;font-weight:700;">MOAT</span>
      </div>
      <h3 class="text-h2" style="margin-top:10px;margin-bottom:14px;">90 天+ · 沉淀与破圈</h3>
      <ul style="list-style:none;display:flex;flex-direction:column;gap:10px;color:var(--text-2);font-size:0.88rem;line-height:1.6;">
        <li style="padding-left:20px;position:relative;"><span style="position:absolute;left:0;top:2px;color:var(--purple);">✓</span><strong>Review 护城河</strong>：6 个月内积累 ≥1000 条真评，进入评论壁垒俱乐部</li><li style="padding-left:20px;position:relative;"><span style="position:absolute;left:0;top:2px;color:var(--purple);">✓</span><strong>Bundle 策略</strong>：基于用户多场景（医生建议 / 日常养护）做跨场景组合装</li><li style="padding-left:20px;position:relative;"><span style="position:absolute;left:0;top:2px;color:var(--purple);">✓</span><strong>站外破圈</strong>：把好评词作为 TikTok / Reddit UGC 素材源，低成本撬动信任</li><li style="padding-left:20px;position:relative;"><span style="position:absolute;left:0;top:2px;color:var(--purple);">✓</span><strong>机会等级 B</strong>：先打磨单 SKU 做深，12 个月后再考虑扩线</li>
      </ul>
    </div>
    </div>
  </div>
</section>
<section class="report-section" id="sttk" data-tone="cyan" data-slide-num="08/12">
  <div class="section-inner">
    <div class="section-head rise-in">
      <div class="section-eyebrow" style="color:#25F4EE;">TT · TikTok Presence</div>
      <h2 class="text-h1"><span class="headline-anim">TikTok 海外阵地</span></h2>
      <p class="section-sub">Amazon 的内容端对标 · <strong style="color:#25F4EE;">lions mane mushroom supplement / lion mane mushroom / stomach gut health supplement / lions mane gummies</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;">73</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;">4682.5w</div>
        <div class="text-xs" style="color:var(--text-3);margin-top:4px;">平均 ER 2.9%</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;">266.9w</div>
        <div class="text-xs" style="color:var(--text-3);margin-top:4px;">评论 2.6w · 分享 15.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;">58</div>
        <div class="text-xs" style="color:var(--text-3);margin-top:4px;">认证 11 · 触达粉丝 2156.5w</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);">lions mane mushroom supplement</div>
              <div style="background:rgba(255,255,255,.06);border-radius:4px;height:14px;position:relative;overflow:hidden;">
                <div style="width:9%;height:100%;background:linear-gradient(90deg, #25F4EE, #FE2C55);border-radius:4px;transition:width .8s;"></div>
              </div>
              <div class="text-xs text-mono" style="color:var(--text-2);min-width:160px;text-align:right;">16 视频 · <strong style="color:#25F4EE;">14.9w</strong> 赞 · <strong>548.6w</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);">lion mane mushroom</div>
              <div style="background:rgba(255,255,255,.06);border-radius:4px;height:14px;position:relative;overflow:hidden;">
                <div style="width:100%;height:100%;background:linear-gradient(90deg, #25F4EE, #FE2C55);border-radius:4px;transition:width .8s;"></div>
              </div>
              <div class="text-xs text-mono" style="color:var(--text-2);min-width:160px;text-align:right;">22 视频 · <strong style="color:#25F4EE;">158.3w</strong> 赞 · <strong>2573.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);">stomach gut health supplement</div>
              <div style="background:rgba(255,255,255,.06);border-radius:4px;height:14px;position:relative;overflow:hidden;">
                <div style="width:59%;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;">93.6w</strong> 赞 · <strong>1544.6w</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);">lions mane gummies</div>
              <div style="background:rgba(255,255,255,.06);border-radius:4px;height:14px;position:relative;overflow:hidden;">
                <div style="width:0%;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;">12 视频 · <strong style="color:#25F4EE;">1.3k</strong> 赞 · <strong>15.6w</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://p19-common-sign.tiktokcdn-us.com/tos-alisg-avt-0068/3175a7bc4e0be44132c2b75fda32e7d0~tplv-tiktokx-cropcenter:1080:1080.webp?dr=9640&amp;refresh_token=51cb0852&amp;x-expires=1776704400&amp;x-signature=kIfID8qd6EJV8wg%2FeFhj6OyMy%2FY%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;">Andy Cooks</div>
            <div class="text-xs text-mono" style="color:#25F4EE;margin-top:3px;">@andy_cooks</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;">✓ popular </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;">featuring good food Links below 👇</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;">603.0w</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.5k</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;">1.5亿</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;">Tired of grey watery ground beef? ##cooking##beef##food</div>
          <div class="text-xs text-mono" style="margin-top:6px;color:var(--text-3);display:flex;gap:10px;">
            <span style="color:#FE2C55;">♥ 19.6w</span>
            <span>▶ 457.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-useast5-avt-0068-tx/84fafc5d00bb1a3ef3e93c9c76cc2e90~tplv-tiktokx-cropcenter:1080:1080.webp?dr=9640&amp;refresh_token=ffaf7292&amp;x-expires=1776704400&amp;x-signature=bo0TjLnIkVU0L8opWotls9Ry7GA%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;">BrainMD</div>
            <div class="text-xs text-mono" style="color:#25F4EE;margin-top:3px;">@docamen</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;">Changing lives through 🧠 health 11 Amen Clinics Nationwide 300,000+ brain scans</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;">351.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.4k</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;">3750.0w</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;">The connection between anxiety &amp; inflammation. 🧠🎙️ Full episode out now on Change Your B</div>
          <div class="text-xs text-mono" style="margin-top:6px;color:var(--text-3);display:flex;gap:10px;">
            <span style="color:#FE2C55;">♥ 513</span>
            <span>▶ 1.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-useast5-avt-0068-tx/7311086596286545963~tplv-tiktokx-cropcenter:1080:1080.webp?dr=9640&amp;refresh_token=e96b7bdd&amp;x-expires=1776704400&amp;x-signature=YV6WtlUqOe1p94icrurD30iBSuk%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;">Robert Love</div>
            <div class="text-xs text-mono" style="color:#25F4EE;margin-top:3px;">@robertwblove</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;">I help people improve their memory, so they can prevent dementia and Alzheimer’s</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;">277.9w</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.5k</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;">2477.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;">How to Grow New Brain Cells Quickly. #alzheimers #dementia #memory #neurogenesis #neurosci</div>
          <div class="text-xs text-mono" style="margin-top:6px;color:var(--text-3);display:flex;gap:10px;">
            <span style="color:#FE2C55;">♥ 87.3w</span>
            <span>▶ 734.3w</span>
          </div>
        </div>
      </div><div class="card fade-up" style="border-left:3px solid #25F4EE;">
        <div style="display:flex;gap:12px;align-items:center;margin-bottom:12px;">
          <img src="https://p16-common-sign.tiktokcdn-us.com/tos-maliva-avt-0068/7325852515932504070~tplv-tiktokx-cropcenter:1080:1080.webp?dr=9640&amp;refresh_token=fa7a5c55&amp;x-expires=1776704400&amp;x-signature=PjDvvsjp99WE7609OhL1J15XD4c%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.Noc</div>
            <div class="text-xs text-mono" style="color:#25F4EE;margin-top:3px;">@dr.noc</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;">📖 Science, Health, Medicine  🧪 PhD Scientist ✉️ Dr.NocTeam@UnitedTalent.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;">187.8w</div>
            <div style="color:var(--text-3);font-size:.62rem;margin-top:2px;letter-spacing:.06em;">FOLLOWERS</div>
          </div>
          <div style="text-align:center;padding:8px 4px;background:rgba(255,255,255,.02);border-radius:6px;">
            <div style="font-weight:800;font-family:'JetBrains Mono';font-size:.95rem;">1.2k</div>
            <div style="color:var(--text-3);font-size:.62rem;margin-top:2px;letter-spacing:.06em;">VIDEOS</div>
          </div>
          <div style="text-align:center;padding:8px 4px;background:rgba(255,255,255,.02);border-radius:6px;">
            <div style="color:var(--amber);font-weight:800;font-family:'JetBrains Mono';font-size:.95rem;">3586.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;">#Science #EduTok #medicine #til #todayilearned #TikTokTaughtMe</div>
          <div class="text-xs text-mono" style="margin-top:6px;color:var(--text-3);display:flex;gap:10px;">
            <span style="color:#FE2C55;">♥ 194.0w</span>
            <span>▶ 1682.8w</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-alisg-avt-0068/e27f526078d5f6435559ce9200a2f681~tplv-tiktokx-cropcenter:1080:1080.webp?dr=9640&amp;refresh_token=c0ea6139&amp;x-expires=1776704400&amp;x-signature=8MkV4kJQhJElwwGgFMHioABWsjo%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;">thechloewilliams.rhn</div>
            <div class="text-xs text-mono" style="color:#25F4EE;margin-top:3px;">@thechloewilliams.rhn</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;">Do a 8 week GUT RESET with me??? 🔥🔥 FREE AI gut assessment + Candida Fix Program 👇🏼</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;">96.3w</div>
            <div style="color:var(--text-3);font-size:.62rem;margin-top:2px;letter-spacing:.06em;">FOLLOWERS</div>
          </div>
          <div style="text-align:center;padding:8px 4px;background:rgba(255,255,255,.02);border-radius:6px;">
            <div style="font-weight:800;font-family:'JetBrains Mono';font-size:.95rem;">943</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;">276.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;">grab my FREE 5 day meal plan and use code EUNOIA15 TO SAVE 15% on ALL @Eversio Wellness su</div>
          <div class="text-xs text-mono" style="margin-top:6px;color:var(--text-3);display:flex;gap:10px;">
            <span style="color:#FE2C55;">♥ 4.2w</span>
            <span>▶ 87.7w</span>
          </div>
        </div>
      </div>
    </div>
    
    <h3 class="text-h2 rise-in" style="margin-top:12px;margin-bottom:18px;">爆款视频 Top 9 <span class="text-xs" style="color:var(--text-3);font-weight:400;margin-left:10px;">按点赞排序 · 品类流量锚点</span></h3>
    <div class="grid grid-3" style="margin-bottom:32px;gap:16px;">
      <div class="card fade-up" style="border-left:3px solid #FE2C55;">
        <div style="display:flex;gap:10px;margin-bottom:10px;">
          <img src="https://p16-common-sign.tiktokcdn-us.com/tos-useast2a-p-0037-euttp/63dd206163cc4709b749346987a8546a_1710716921~tplv-tiktokx-cropcenter:500:800.jpeg?biz_tag=musically_general.video_cover&amp;dr=9638&amp;idc=useast8&amp;ps=13740610&amp;refresh_token=596d1ffb&amp;shcp=9b759fb9&amp;shp=c1333099&amp;t=4d5b0474&amp;x-expires=1776553200&amp;x-signature=vVxs1%2FpXOJzaQ2KvL8jvo4BS634%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;">· lion mane mushroom</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;">mushroom steak?! 🍄🥩 - Believe it or not these steak chunks are actually made from a lion’s mane mushroom 🦁. I chose to stop eating meat 8</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;">♥ 102.8w</span>
          <span style="color:var(--green);">💬 7.6k</span>
          <span>▶ 1610.8w</span>
          <span style="color:var(--text-3);">↗ 3.3w</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;">@seppseats</span>
          <span>· 40.5w粉</span>
          
        </div>
        <div style="margin-top:6px;display:flex;flex-wrap:wrap;gap:4px;">
          <span class="text-xs" style="color:#25F4EE;opacity:.8;">#mushrooms</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#lionsmanemushrooms</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#vegansteak</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-useast5-i-photomode-tx/711a2049350c4dfd93e027b723ee0ec6~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=6bede99d&amp;s=SEARCH&amp;sc=cover&amp;shcp=c1333099&amp;shp=d05b14bd&amp;t=5897f7ec&amp;x-expires=1777827600&amp;x-signature=pCQgKNm9xYgby2jmGl058IRi05Y%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;">· stomach gut health supplement</span>
            </div>
            <div class="text-xs" style="line-height:1.5;color:var(--text-2);min-height:3em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;">The probiotics are on tt shop btw! xx #healthygirl #womenshealth #supplements #guthealth #probiotics #thatgirl #bloating</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;">♥ 72.7w</span>
          <span style="color:var(--green);">💬 873</span>
          <span>▶ 964.4w</span>
          <span style="color:var(--text-3);">↗ 1.5w</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;">@gut.healthsecrets</span>
          <span>· 1.1w粉</span>
          
        </div>
        <div style="margin-top:6px;display:flex;flex-wrap:wrap;gap:4px;">
          <span class="text-xs" style="color:#25F4EE;opacity:.8;">#healthygirl</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#womenshealth</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#supplements</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#guthealth</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/ogLBAUoQabVDICWSgYUjSfEeFEARHA7vFA8uAI~tplv-tiktokx-cropcenter:500:800.jpeg?biz_tag=musically_general.video_cover&amp;dr=9638&amp;idc=useast8&amp;ps=13740610&amp;refresh_token=1b49b0e6&amp;shcp=9b759fb9&amp;shp=c1333099&amp;t=4d5b0474&amp;x-expires=1776553200&amp;x-signature=hjpdEiSySJzI4pWbY%2FWUYYQOm6w%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;">· lion mane mushroom</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;">tell me again how vegans don’t eat steak😏🥩 this lion’s mane bleeds, sears, and slices like the real thing - but it’s 100% mushroom. full r</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;">♥ 15.7w</span>
          <span style="color:var(--green);">💬 1.9k</span>
          <span>▶ 249.9w</span>
          <span style="color:var(--text-3);">↗ 6.7k</span>
        </div>
        <div class="text-xs" style="color:var(--text-3);margin-top:6px;display:flex;align-items:center;gap:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;">
          <span style="color:#25F4EE;">@itsvegansis</span>
          <span>· 40.6w粉</span>
          
        </div>
        <div style="margin-top:6px;display:flex;flex-wrap:wrap;gap:4px;">
          <span class="text-xs" style="color:#25F4EE;opacity:.8;">#steak</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#vegan</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#juicy</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#veganmeat</span>
        </div>
      </div><div class="card fade-up" style="border-left:3px solid #25F4EE;">
        <div style="display:flex;gap:10px;margin-bottom:10px;">
          <img src="https://p19-common-sign.tiktokcdn-us.com/tos-useast5-p-0068-tx/b3d16531e81a43868d7de5b4aa55dd56~tplv-tiktokx-cropcenter:500:800.jpeg?biz_tag=musically_general.video_cover&amp;dr=9638&amp;idc=useast8&amp;ps=13740610&amp;refresh_token=e3df5932&amp;shcp=9b759fb9&amp;shp=c1333099&amp;t=4d5b0474&amp;x-expires=1776553200&amp;x-signature=W94Ndwmsw4%2FfWMMptLxwDR95XQI%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;">· lion mane mushroom</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;">Vegan Garlic Butter Steak 🌱 the Lions Mane Mushroom way.. #vegan #vegansteak #veganrecipes #veganfood #viral #food #Recipe</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;">♥ 14.8w</span>
          <span style="color:var(--green);">💬 4.0k</span>
          <span>▶ 190.1w</span>
          <span style="color:var(--text-3);">↗ 2.9w</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;">@abitewithmir</span>
          <span>· 2.2w粉</span>
          
        </div>
        <div style="margin-top:6px;display:flex;flex-wrap:wrap;gap:4px;">
          <span class="text-xs" style="color:#25F4EE;opacity:.8;">#vegan</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#vegansteak</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#veganrecipes</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#veganfood</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/98dddd053d334142b73a757bd8449e04_1671206355~tplv-tiktokx-cropcenter:500:800.jpeg?biz_tag=musically_general.video_cover&amp;dr=9638&amp;idc=useast8&amp;ps=13740610&amp;refresh_token=49db12c8&amp;shcp=9b759fb9&amp;shp=c1333099&amp;t=4d5b0474&amp;x-expires=1776553200&amp;x-signature=ljF8JusjtQRgi%2FsHavLUtIHAZl8%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;">· stomach gut health 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;">Supplements for better gut health that everyone can be taking 👇🏼 -Omega 3 -Magnesium -Good quality probiotics #guthealthsupplements #guthe</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;">♥ 7.9w</span>
          <span style="color:var(--green);">💬 486</span>
          <span>▶ 200.8w</span>
          <span style="color:var(--text-3);">↗ 4.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;">@nutritionbyjulie</span>
          <span>· 30.8w粉</span>
          
        </div>
        <div style="margin-top:6px;display:flex;flex-wrap:wrap;gap:4px;">
          <span class="text-xs" style="color:#25F4EE;opacity:.8;">#guthealthsupplements</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#guthealth</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#supplementsthatwork</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#guthealthdiet</span>
        </div>
      </div><div class="card fade-up" style="border-left:3px solid #25F4EE;">
        <div style="display:flex;gap:10px;margin-bottom:10px;">
          <img src="https://p16-common-sign.tiktokcdn-us.com/tos-useast8-p-0068-tx2/ogJyEK2jYBdRtAU66W4OP1EDiBciZIWFVA5PC~tplv-tiktokx-cropcenter:500:800.jpeg?biz_tag=musically_general.video_cover&amp;dr=9638&amp;idc=useast8&amp;ps=13740610&amp;refresh_token=79f1e314&amp;shcp=9b759fb9&amp;shp=c1333099&amp;t=4d5b0474&amp;x-expires=1776553200&amp;x-signature=nqOc5jjq%2F%2FIsiFwTfn4UaOTv4Xo%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;">· lion mane mushroom</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;">Munchin’ on Mushrooms - Ep 4: Lemongrass Lion’s Mane Today, we are covering lion’s mane. It is a mushroom typically spotted on dead hardwood</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;">♥ 7.8w</span>
          <span style="color:var(--green);">💬 274</span>
          <span>▶ 80.0w</span>
          <span style="color:var(--text-3);">↗ 6.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;">@tifflovestofu</span>
          <span>· 5.6w粉</span>
          
        </div>
        <div style="margin-top:6px;display:flex;flex-wrap:wrap;gap:4px;">
          <span class="text-xs" style="color:#25F4EE;opacity:.8;">#plantbased</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#mushrooms</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#lionsmane</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/osw4SWZloAzapiivUJ0BU5gBjgx1EaEdhIBAB~tplv-tiktokx-cropcenter:500:800.jpeg?biz_tag=musically_general.video_cover&amp;dr=9638&amp;idc=useast8&amp;ps=13740610&amp;refresh_token=12c115c0&amp;shcp=9b759fb9&amp;shp=c1333099&amp;t=4d5b0474&amp;x-expires=1776553200&amp;x-signature=iMiU3oQKmTLDOzsTJegxKznUoDU%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;">· lions mane mushroom 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;">Replying to @Lorraine Misiorek The Best Time to Take Lion’s Mane. #lionsmane #mushrooms #alzheimers #memory #sleep #alzheimer #inflammation </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;">♥ 7.4w</span>
          <span style="color:var(--green);">💬 2.7k</span>
          <span>▶ 222.1w</span>
          <span style="color:var(--text-3);">↗ 1.5w</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;">@robertwblove</span>
          <span>· 277.9w粉</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;">#lionsmane</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#mushrooms</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#alzheimers</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#memory</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/o4HIsePewAJjGjfgER1IADCkgHvLQbZ6KT8juq~tplv-tiktokx-cropcenter:500:800.jpeg?biz_tag=musically_general.video_cover&amp;dr=9638&amp;idc=useast8&amp;ps=13740610&amp;refresh_token=4ffe75f4&amp;shcp=9b759fb9&amp;shp=c1333099&amp;t=4d5b0474&amp;x-expires=1776553200&amp;x-signature=tf%2BkX4UcOIL7wn2c%2FuW1HhXjfAU%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;">· lion mane mushroom</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;">Who Should NOT Take Lion’s Mane. #lionsmane #mushrooms #memory #alzheimers #memory #sleep #alzheimer #sleep #depression #anxiety #neurogenes</div>
          </div>
        </div>
        <div class="text-xs text-mono" style="color:var(--text-3);border-top:1px solid rgba(255,255,255,.05);padding-top:8px;display:flex;gap:10px;flex-wrap:wrap;">
          <span style="color:#FE2C55;">♥ 6.3w</span>
          <span style="color:var(--green);">💬 1.4k</span>
          <span>▶ 147.5w</span>
          <span style="color:var(--text-3);">↗ 1.2w</span>
        </div>
        <div class="text-xs" style="color:var(--text-3);margin-top:6px;display:flex;align-items:center;gap:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;">
          <span style="color:#25F4EE;">@robertwblove</span>
          <span>· 277.9w粉</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;">#lionsmane</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#mushrooms</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#memory</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#alzheimers</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-alisg-p-0037/1785f803b6d64a2c9ed2c2de9010fa22_1680168476~tplv-tiktokx-cropcenter:500:800.jpeg?biz_tag=musically_general.video_cover&amp;dr=9638&amp;idc=useast8&amp;ps=13740610&amp;refresh_token=134692d1&amp;shcp=9b759fb9&amp;shp=c1333099&amp;t=4d5b0474&amp;x-expires=1776553200&amp;x-signature=Tlsx%2Bu8%2F8c30X2GUZgPP19tPmQs%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;">· lion mane mushroom</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;">Pan Seared Lions Mane Mushroom 🍄 #mushrooms #cooking #food #foryoupage</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.5w</span>
          <span style="color:var(--green);">💬 356</span>
          <span>▶ 102.2w</span>
          <span style="color:var(--text-3);">↗ 1.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;">@andy_cooks</span>
          <span>· 603.0w粉</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;">#mushrooms</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#cooking</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#food</span><span class="text-xs" style="color:#25F4EE;opacity:.8;">#foryoupage</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">that mushroom still mooing</p>
        <div class="voice-meta">
          <span>EnderKid 889 · US</span>
          <span class="voice-likes">♥ 2.9w</span>
        </div>
      </div><div class="voice-card hot fade-up">
        <p class="voice-content">Just give me a real steak pls</p>
        <div class="voice-meta">
          <span>Flusterbustered · US</span>
          <span class="voice-likes">♥ 2.7w</span>
        </div>
      </div><div class="voice-card hot fade-up">
        <p class="voice-content">lions mane mushroom cost more than an expensive steak unfortunately</p>
        <div class="voice-meta">
          <span>user4000 · US</span>
          <span class="voice-likes">♥ 2.6w</span>
        </div>
      </div><div class="voice-card  fade-up">
        <p class="voice-content">to replicate meat and blood btw</p>
        <div class="voice-meta">
          <span>lithium_al🇯🇲 · JM</span>
          <span class="voice-likes">♥ 2.3w</span>
        </div>
      </div><div class="voice-card  fade-up">
        <p class="voice-content">All the flavour of a steak without any of the nutritional benefits, yummy</p>
        <div class="voice-meta">
          <span>John Wayne · GB</span>
          <span class="voice-likes">♥ 1.6w</span>
        </div>
      </div><div class="voice-card  fade-up">
        <p class="voice-content">everyone hating has never had a mushroom before OR any vegetable</p>
        <div class="voice-meta">
          <span>RedPanda · LU</span>
          <span class="voice-likes">♥ 1.1w</span>
        </div>
      </div><div class="voice-card  fade-up">
        <p class="voice-content">as a meat eater I would definitely eat this</p>
        <div class="voice-meta">
          <span>♰⚣ · US</span>
          <span class="voice-likes">♥ 8.8k</span>
        </div>
      </div><div class="voice-card  fade-up">
        <p class="voice-content">Magnesium citrate gonna have you running to the bathroom 🙃</p>
        <div class="voice-meta">
          <span>madz · US</span>
          <span class="voice-likes">♥ 6.6k</span>
        </div>
      </div><div class="voice-card  fade-up">
        <p class="voice-content">Why vegans making food looks like meat?</p>
        <div class="voice-meta">
          <span>⃟ · FI</span>
          <span class="voice-likes">♥ 6.2k</span>
        </div>
      </div><div class="voice-card  fade-up">
        <p class="voice-content">i don’t understand why people get so pressed at vegetarians &amp; vegans just living there life</p>
        <div class="voice-meta">
          <span>LifeofCharlie 🫶🏻 · GB</span>
          <span class="voice-likes">♥ 6.1k</span>
        </div>
      </div><div class="voice-card  fade-up">
        <p class="voice-content">Bro I eat meat but a well cooked lions mane or Enoki, cooked like steak, is absolutely the best dam tasting stuff I&#39;ve ever had</p>
        <div class="voice-meta">
          <span>ljpd · AU</span>
          <span class="voice-likes">♥ 5.6k</span>
        </div>
      </div><div class="voice-card  fade-up">
        <p class="voice-content">Vegan until the butter</p>
        <div class="voice-meta">
          <span>Sebastian · CL</span>
          <span class="voice-likes">♥ 4.2k</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;">
                #lionsmane <span style="color:var(--text-3);font-size:.7rem;margin-left:4px;">32</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;">
                #mushrooms <span style="color:var(--text-3);font-size:.7rem;margin-left:4px;">17</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;">
                #supplements <span style="color:var(--text-3);font-size:.7rem;margin-left:4px;">16</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;">
                #guthealth <span style="color:var(--text-3);font-size:.7rem;margin-left:4px;">15</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;">
                #lionsmanemushroom <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:#25F4EE;padding:6px 12px;border-radius:20px;font-size:.95rem;font-family:'JetBrains Mono';font-weight:600;opacity:0.85;">
                #memory <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;">
                #sleep <span style="color:var(--text-3);font-size:.7rem;margin-left:4px;">7</span>
              </span><span style="background:rgba(37,244,238,.08);border:1px solid rgba(37,244,238,.25);color:#25F4EE;padding:6px 12px;border-radius:20px;font-size:.95rem;font-family:'JetBrains Mono';font-weight:600;opacity:0.85;">
                #bloating <span style="color:var(--text-3);font-size:.7rem;margin-left:4px;">7</span>
              </span><span style="background:rgba(37,244,238,.08);border:1px solid rgba(37,244,238,.25);color:#25F4EE;padding:6px 12px;border-radius:20px;font-size:.85rem;font-family:'JetBrains Mono';font-weight:600;opacity:0.85;">
                #brainhealth <span style="color:var(--text-3);font-size:.7rem;margin-left:4px;">6</span>
              </span><span style="background:rgba(37,244,238,.08);border:1px solid rgba(37,244,238,.25);color:#25F4EE;padding:6px 12px;border-radius:20px;font-size:.85rem;font-family:'JetBrains Mono';font-weight:600;opacity:0.85;">
                #brain <span style="color:var(--text-3);font-size:.7rem;margin-left:4px;">6</span>
              </span><span style="background:rgba(37,244,238,.08);border:1px solid rgba(37,244,238,.25);color:#25F4EE;padding:6px 12px;border-radius:20px;font-size:.85rem;font-family:'JetBrains Mono';font-weight:600;opacity:0.85;">
                #health <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;">
                #fyp <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;">
                #ibs <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;">
                #alzheimers <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;">
                #robertlove <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;">
                #robertwblove <span style="color:var(--text-3);font-size:.7rem;margin-left:4px;">4</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:73%;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;">53 · 73%</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:12%;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;">9 · 12%</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: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);">ID</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);">ZA</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);">DE</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);">AU</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);">NP</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-maliva-avt-0068/50d8488e4eea7261406f589d05a99012~tplv-tiktokx-cropcenter:100:100.webp?biz_tag=tiktok_user.user_cover&amp;dr=9640&amp;idc=useast5&amp;ps=13740610&amp;refresh_token=ff2a8aef&amp;shcp=c1333099&amp;shp=30310797&amp;t=4d5b0474&amp;x-expires=1776618000&amp;x-signature=cKcQDYNixryIsecA83biJqwyGkg%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;">@lionsmanemushroom2</div>
          </div>
          <div style="text-align:right;flex-shrink:0;">
            <div class="text-xs text-mono" style="color:#25F4EE;font-weight:800;">1.3w</div>
            <div class="text-xs" style="color:var(--text-3);font-size:.65rem;">粉丝</div>
          </div>
        </div>
      </div><div class="card fade-up" style="padding:14px;">
        <div style="display:flex;gap:10px;align-items:center;">
          <img src="https://p16-common-sign.tiktokcdn-us.com/tos-useast8-avt-0068-tx2/20caa242a4cc4c6c5b39390dde8aa6e9~tplv-tiktokx-cropcenter:100:100.webp?biz_tag=tiktok_user.user_cover&amp;dr=9640&amp;idc=useast5&amp;ps=13740610&amp;refresh_token=24ab5b6d&amp;shcp=c1333099&amp;shp=30310797&amp;t=4d5b0474&amp;x-expires=1776618000&amp;x-signature=lKwp%2BS0wI0v1zWYdTwfO0UHioKU%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;">whoislionsmane</div>
            <div class="text-xs text-mono" style="color:#25F4EE;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">@whoislionsmane</div>
          </div>
          <div style="text-align:right;flex-shrink:0;">
            <div class="text-xs text-mono" style="color:#25F4EE;font-weight:800;">1.0w</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/a76203c86e1b871462b7745fa0d7f977~tplv-tiktokx-cropcenter:100:100.webp?biz_tag=tiktok_user.user_cover&amp;dr=9640&amp;idc=useast5&amp;ps=13740610&amp;refresh_token=a2f09554&amp;shcp=c1333099&amp;shp=30310797&amp;t=4d5b0474&amp;x-expires=1776618000&amp;x-signature=mZshV62NRLcmhuujUgEc7W8iu54%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;">Ledbury Lion&#39;s Man</div>
            <div class="text-xs text-mono" style="color:#25F4EE;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">@lionsmanefarming</div>
          </div>
          <div style="text-align:right;flex-shrink:0;">
            <div class="text-xs text-mono" style="color:#25F4EE;font-weight:800;">3.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-useast5-avt-0068-tx/652381fb52421a1ee4755f8e19c2a990~tplv-tiktokx-cropcenter:100:100.webp?biz_tag=tiktok_user.user_cover&amp;dr=9640&amp;idc=useast5&amp;ps=13740610&amp;refresh_token=7928fc63&amp;shcp=c1333099&amp;shp=30310797&amp;t=4d5b0474&amp;x-expires=1776618000&amp;x-signature=2HKokttZjqZFmkNEb87cLMsFO7A%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;">Lions mane health</div>
            <div class="text-xs text-mono" style="color:#25F4EE;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">@superfoods.us</div>
          </div>
          <div style="text-align:right;flex-shrink:0;">
            <div class="text-xs text-mono" style="color:#25F4EE;font-weight:800;">2.7k</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/feec6762cd795c0201b6df627375244d~tplv-tiktokx-cropcenter:100:100.webp?biz_tag=tiktok_user.user_cover&amp;dr=9640&amp;idc=useast5&amp;ps=13740610&amp;refresh_token=77746f4d&amp;shcp=c1333099&amp;shp=30310797&amp;t=4d5b0474&amp;x-expires=1776618000&amp;x-signature=Gq%2FDVcdQbMxbhOKxeqZqCOYOIyw%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;">🔥🤯🌞Lionsmanexx�</div>
            <div class="text-xs text-mono" style="color:#25F4EE;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">@lionsmanexx</div>
          </div>
          <div style="text-align:right;flex-shrink:0;">
            <div class="text-xs text-mono" style="color:#25F4EE;font-weight:800;">2.4k</div>
            <div class="text-xs" style="color:var(--text-3);font-size:.65rem;">粉丝</div>
          </div>
        </div>
      </div><div class="card fade-up" style="padding:14px;">
        <div style="display:flex;gap:10px;align-items:center;">
          <img src="https://p16-common-sign.tiktokcdn-us.com/tos-maliva-avt-0068/fe7f2754b990b5438ce55b43025a8750~tplv-tiktokx-cropcenter:100:100.webp?biz_tag=tiktok_user.user_cover&amp;dr=9640&amp;idc=useast5&amp;ps=13740610&amp;refresh_token=d67fbbb9&amp;shcp=c1333099&amp;shp=30310797&amp;t=4d5b0474&amp;x-expires=1776618000&amp;x-signature=lEP2Yi2TKAdpPnVzgXF988fQidg%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;">Trendora_Lions_Man</div>
            <div class="text-xs text-mono" style="color:#25F4EE;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">@trendora_lions_mane</div>
          </div>
          <div style="text-align:right;flex-shrink:0;">
            <div class="text-xs text-mono" style="color:#25F4EE;font-weight:800;">2.1k</div>
            <div class="text-xs" style="color:var(--text-3);font-size:.65rem;">粉丝</div>
          </div>
        </div>
      </div>
    </div>
    
    <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;">"mushroom coffee"</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;">2.0w</div>
              </div>
              <div style="padding:10px;background:rgba(255,255,255,.03);border-radius:6px;">
                <div class="text-xs text-mono" style="color:var(--text-3);letter-spacing:.06em;">POST CHANGE</div>
                <div style="font-family:'JetBrains Mono';font-size:1.4rem;font-weight:900;color:#22c55e;margin-top:4px;">▲ 125.0%</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;">6.38%</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;">8.58%</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>📝 20 posts</span>
              <span style="color:#FE2C55;">♥ 54</span>
              <span>💬 6</span>
              <span>↗ 4</span>
              <span>💰 578</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-i-c9aec8xkvj_78be701648ee4baa863287df871044d9.heic?from=2956013662&amp;s=PackSourceEnum_USER_PROFILE&amp;se=false&amp;sc=avatar&amp;l=202604182341153A9256DD527AD1F3C410&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;">✔️华润江中｜56 年国货匠心
👍精研不止，匠心传承
👑六味地黄膏・江中医研出品
👨‍👩‍👧‍👦有家的地方，就有江中守护</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;">2.1k</div></div>
            <div><div style="color:var(--text-3);">作品</div><div style="font-weight:800;font-family:'JetBrains Mono';font-size:1.1rem;">93</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;">3.2k</div></div>
            <div><div style="color:var(--text-3);">关注</div><div style="font-weight:800;font-family:'JetBrains Mono';font-size:1.1rem;">4</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';">42</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';">5</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:var(--text-2);">起步品牌号</strong>：粉丝仅 2.1k，首要任务是建立内容基线和选定垂类话题。
        </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://p11-sign.douyinpic.com/tos-cn-i-0813c000-ce/ocVTDezVAAAVA7V6gQLMYfOGReNKjNnIJBFLEg~tplv-dy-resize-walign:360:q75.heic?lk3s=138a59ce&amp;x-expires=1777734000&amp;x-signature=LhUaDt3BVkYEUVN6REVscLhV55Y%3D&amp;from=327834062&amp;s=PackSourceEnum_PUBLISH&amp;se=false&amp;sc=cover&amp;biz_tag=aweme_images&amp;l=202604182340424466467F497084FE4C65" 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);">♥ 703</span>
                <span style="color:var(--green);">💬 50</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://p26-sign.douyinpic.com/tos-cn-i-0813c001/ogCAp8ADDis3ACNAS0wEeogAliExfAHBIgUolD~tplv-dy-resize-walign:360:q75.heic?lk3s=138a59ce&amp;x-expires=1777734000&amp;x-signature=vn%2FM1rhyoD60T79iMcve%2FSdynMI%3D&amp;from=327834062&amp;s=PackSourceEnum_PUBLISH&amp;se=false&amp;sc=cover&amp;biz_tag=aweme_images&amp;l=202604182340424466467F497084FE4C65" 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);">♥ 18</span>
                <span style="color:var(--green);">💬 4</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://p9-sign.douyinpic.com/tos-cn-i-0813/osHBQ7IAowAL2Ie5GstGHeeDAYGfERAQCAjOf9~tplv-dy-resize-walign:360:q75.heic?lk3s=138a59ce&amp;x-expires=1777734000&amp;x-signature=vIOS9n64p%2BOqsOwwg3ytsC93q1s%3D&amp;from=327834062&amp;s=PackSourceEnum_PUBLISH&amp;se=false&amp;sc=cover&amp;biz_tag=aweme_images&amp;l=202604182340424466467F497084FE4C65" 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);">♥ 14</span>
                <span style="color:var(--green);">💬 5</span>
                <span>▶ 0</span>
              </div>
            </div>
          </div><div style="display:flex;gap:12px;padding:10px;background:rgba(255,255,255,0.02);border-radius:8px;">
            <img src="https://p11-sign.douyinpic.com/tos-cn-i-0813c000-ce/o4nI2MSeWEtVA47Ei0fwxgB2iJPAACCACIC3Ar~tplv-dy-resize-walign:360:q75.heic?lk3s=138a59ce&amp;x-expires=1777734000&amp;x-signature=0TgMj1qXwcMOq9w8f0tH4A470Z8%3D&amp;from=327834062&amp;s=PackSourceEnum_PUBLISH&amp;se=false&amp;sc=cover&amp;biz_tag=aweme_video&amp;l=202604182340424466467F497084FE4C65" 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;">别问了，全款给男朋友老公拿下～#健康好物计划 #六味地黄膏 #大蜜丸 #送男朋友礼物 #情侣礼物</div>
              <div class="text-xs text-mono" style="color:var(--text-3);display:flex;gap:10px;">
                <span style="color:var(--amber);">♥ 13</span>
                <span style="color:var(--green);">💬 6</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-0813c000-ce/ooAPTDIwnGAF4EaWHY9d44fUA0DfECAQbAgpsD~tplv-dy-resize-walign:360:q75.heic?lk3s=138a59ce&amp;x-expires=1777734000&amp;x-signature=ifEPSuHtE47neXnRduMZZGko9VE%3D&amp;from=327834062&amp;s=PackSourceEnum_PUBLISH&amp;se=false&amp;sc=cover&amp;biz_tag=aweme_images&amp;l=202604182340424466467F497084FE4C65" alt="" loading="lazy" onerror="this.style.display='none'" style="width:56px;height:72px;object-fit:cover;border-radius:6px;flex-shrink:0;">
            <div style="flex:1;min-width:0;">
              <div class="text-xs" style="color:var(--amber);font-family:'JetBrains Mono';margin-bottom:3px;">#05</div>
              <div class="text-sm" style="line-height:1.4;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;">出远门最怕肚子不舒服，带上它，饭后嚼，牛奶味儿。#乳酸菌素片 #消化不良 #肚子咕咕叫 #第一批五一玩家已出发 #健康好物计划</div>
              <div class="text-xs text-mono" style="color:var(--text-3);display:flex;gap:10px;">
                <span style="color:var(--amber);">♥ 13</span>
                <span style="color:var(--green);">💬 6</span>
                <span>▶ 0</span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    
    <h3 class="text-h2 rise-in" style="margin-top:8px;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">6折劵立马买</p>
        <div class="voice-meta">
          <span>芳🌈 · 河南</span>
          <span class="voice-likes">♥ 4</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">♥ 2</span>
        </div>
      </div><div class="voice-card hot fade-up">
        <p class="voice-content">不错不错[赞][赞]</p>
        <div class="voice-meta">
          <span>pipi666 · 广东</span>
          <span class="voice-likes">♥ 2</span>
        </div>
      </div><div class="voice-card  fade-up">
        <p class="voice-content">咀嚼服用，携带方便～[比心][比心]</p>
        <div class="voice-meta">
          <span>江中制药医药旗舰店 · 广东</span>
          <span class="voice-likes">♥ 2</span>
        </div>
      </div><div class="voice-card  fade-up">
        <p class="voice-content">这个嚼着很好吃😋</p>
        <div class="voice-meta">
          <span>明月清风仍在 · 广东</span>
          <span class="voice-likes">♥ 2</span>
        </div>
      </div><div class="voice-card  fade-up">
        <p class="voice-content">酸酸甜甜的，还挺好吃呢，一盒可以吃很久</p>
        <div class="voice-meta">
          <span>卡拉卡拉 · 广东</span>
          <span class="voice-likes">♥ 2</span>
        </div>
      </div><div class="voice-card  fade-up">
        <p class="voice-content">才15块，比我买的便宜</p>
        <div class="voice-meta">
          <span>远山呼唤我 · 广东</span>
          <span class="voice-likes">♥ 1</span>
        </div>
      </div><div class="voice-card  fade-up">
        <p class="voice-content">[666][666][666][666][666]需要</p>
        <div class="voice-meta">
          <span>思羽 · 甘肃</span>
          <span class="voice-likes">♥ 1</span>
        </div>
      </div><div class="voice-card  fade-up">
        <p class="voice-content">六折卷快来</p>
        <div class="voice-meta">
          <span>少吃饭. · 四川</span>
          <span class="voice-likes">♥ 1</span>
        </div>
      </div><div class="voice-card  fade-up">
        <p class="voice-content">太需要了，晚上吃撑了胃不舒服，睡不着[微笑]</p>
        <div class="voice-meta">
          <span>一只精灵 · 广东</span>
          <span class="voice-likes">♥ 1</span>
        </div>
      </div><div class="voice-card  fade-up">
        <p class="voice-content">[大笑][玫瑰]</p>
        <div class="voice-meta">
          <span>江中制药医药旗舰店 · 广东</span>
          <span class="voice-likes">♥ 1</span>
        </div>
      </div><div class="voice-card  fade-up">
        <p class="voice-content">下单了，比我之前买的便宜</p>
        <div class="voice-meta">
          <span>卡拉卡拉 · 广东</span>
          <span class="voice-likes">♥ 0</span>
        </div>
      </div>
    </div>
    
    <h3 class="text-h2 rise-in" style="margin-top:8px;margin-bottom:18px;">品牌号完整作品流 · 22 条</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);">703</td>
            <td class="tb-num" style="color:var(--green);">50</td>
            <td class="tb-num">0</td>
            <td class="tb-num">236</td>
            <td class="tb-num">321</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);">18</td>
            <td class="tb-num" style="color:var(--green);">4</td>
            <td class="tb-num">0</td>
            <td class="tb-num">5</td>
            <td class="tb-num">6</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);">14</td>
            <td class="tb-num" style="color:var(--green);">5</td>
            <td class="tb-num">0</td>
            <td class="tb-num">5</td>
            <td class="tb-num">9</td>
          </tr><tr>
            <td class="tb-num">04</td>
            <td style="font-size:0.86rem;max-width:360px;">别问了，全款给男朋友老公拿下～#健康好物计划 #六味地黄膏 #大蜜丸 #送男朋友礼物 #情侣礼物</td>
            <td class="tb-num" style="color:var(--amber);">13</td>
            <td class="tb-num" style="color:var(--green);">6</td>
            <td class="tb-num">0</td>
            <td class="tb-num">9</td>
            <td class="tb-num">7</td>
          </tr><tr>
            <td class="tb-num">05</td>
            <td style="font-size:0.86rem;max-width:360px;">出远门最怕肚子不舒服，带上它，饭后嚼，牛奶味儿。#乳酸菌素片 #消化不良 #肚子咕咕叫 #第一批五一玩家已出发 #健康好物计划</td>
            <td class="tb-num" style="color:var(--amber);">13</td>
            <td class="tb-num" style="color:var(--green);">6</td>
            <td class="tb-num">0</td>
            <td class="tb-num">9</td>
            <td class="tb-num">5</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);">13</td>
            <td class="tb-num" style="color:var(--green);">4</td>
            <td class="tb-num">0</td>
            <td class="tb-num">4</td>
            <td class="tb-num">9</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);">13</td>
            <td class="tb-num" style="color:var(--green);">4</td>
            <td class="tb-num">0</td>
            <td class="tb-num">7</td>
            <td class="tb-num">9</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);">12</td>
            <td class="tb-num" style="color:var(--green);">4</td>
            <td class="tb-num">0</td>
            <td class="tb-num">7</td>
            <td class="tb-num">6</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);">12</td>
            <td class="tb-num" style="color:var(--green);">3</td>
            <td class="tb-num">0</td>
            <td class="tb-num">3</td>
            <td class="tb-num">8</td>
          </tr><tr>
            <td class="tb-num">10</td>
            <td style="font-size:0.86rem;max-width:360px;">事儿呢就是这么个事儿，东西呢在置顶。#乳酸菌素片 #肚子咕咕叫 #消化不良 #00后运营 #打工人的心酸</td>
            <td class="tb-num" style="color:var(--amber);">11</td>
            <td class="tb-num" style="color:var(--green);">1</td>
            <td class="tb-num">0</td>
            <td class="tb-num">7</td>
            <td class="tb-num">6</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);">11</td>
            <td class="tb-num" style="color:var(--green);">4</td>
            <td class="tb-num">0</td>
            <td class="tb-num">4</td>
            <td class="tb-num">8</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);">11</td>
            <td class="tb-num" style="color:var(--green);">3</td>
            <td class="tb-num">0</td>
            <td class="tb-num">4</td>
            <td class="tb-num">8</td>
          </tr>
        </tbody>
      </table>
    </div>
    
    <h3 class="text-h2 rise-in" style="margin-top:8px;margin-bottom:18px;">品类关键词热度</h3>
    <div class="grid grid-2" style="margin-bottom:32px;">
      <div class="card fade-up"><div class="text-mono text-xs text-amber">KEYWORD "猴菇饮"</div><div class="text-sm" style="margin-top:10px;color:var(--text-3);">当前品类曝光低，搜索结果为 0 条 — 说明此品类在抖音尚未形成内容沉淀，是<strong class="text-amber">蓝海机会</strong>。</div></div><div class="card fade-up"><div class="text-mono text-xs text-amber">KEYWORD "江中猴菇饮"</div><div class="text-sm" style="margin-top:10px;color:var(--text-3);">当前品类曝光低，搜索结果为 0 条 — 说明此品类在抖音尚未形成内容沉淀，是<strong class="text-amber">蓝海机会</strong>。</div></div>
    </div>
  </div>
</section>
<section class="report-section" id="s7" data-tone="blue" data-slide-num="10/12">
  <div class="section-inner">
    <div class="section-head rise-in">
      <div class="section-eyebrow">07 · Themes Cluster</div>
      <h2 class="text-h1"><span class="headline-anim">痛点 · 亮点 · 场景</span></h2>
      <p class="section-sub">从真实语料中提炼出的 VOC 主题 · 标注频次与典型原声</p>
    </div>
    <div style="display:flex;flex-direction:column;gap:56px;">
      
    <div>
      <div class="section-eyebrow fade-up" style="color:var(--rose);">07.1 · PAIN POINTS</div>
      <h3 class="text-h2 fade-up" style="margin-bottom:18px;">痛点主题</h3>
      <div class="grid grid-3">
        <div class="theme-poster pain fade-up">
          <h4>口感差</h4>
          <div class="count"><span class="num">1</span>次提及</div>
          <ul class="examples">
            <li>"已经连买两次了哈哈哈 味道真滴很好 以至于我最后把茶包都吃了"</li>
          </ul>
        </div>
      </div>
    </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">3</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">2</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">2</span>次提及</div>
          <ul class="examples">
            <li>"常喝这几款茶，打工人的脾胃舒服多了~ 办公室久坐、经常吃外卖，饮食不规律，很容易导致脾胃问题~ 👇分享5款简单易做的养生茶饮 既能方便冲泡，又能调理脾胃，赶"</li><li>"胃胀气、胃不舒服？多喝这9杯水！ 饭后肚子胀得像气球、反酸烧心、嗳气不断？胃不舒服别硬扛！这9款养胃水温和不刺激，辅助促进肠胃蠕动、缓解胀气，尤其适合饮食"</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 class="theme-poster bright fade-up">
          <h4>便利场景</h4>
          <div class="count"><span class="num">1</span>次提及</div>
          <ul class="examples">
            <li>"常喝这几款茶，打工人的脾胃舒服多了~ 办公室久坐、经常吃外卖，饮食不规律，很容易导致脾胃问题~ 👇分享5款简单易做的养生茶饮 既能方便冲泡，又能调理脾胃，赶"</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">7</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>"苹果水的神奇功效，经常熬夜一定多喝苹果水 俗话说：“每天一杯苹果水，🏥远离你”，这里给大家分享9种煮苹果水配方： 1、苹果黄芪水：苹果、黄芪、红枣、枸杞、麦冬"</li><li>"脾胃弱必喝！6款豆浆喝走腹胀消化不良！ 谁懂啊！作为常年吃外卖、偶尔熬夜的女生，脾胃越来越弱 —— 吃点凉的就腹胀，饭后总觉得 “堵得慌”，连吃顿火锅都要担心第"</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>"脾胃虚弱喝！尤其经常喝饮料，奶茶不断的~ pi虚之人一定要试试这款四神汤plus版——四神汤茶包 ⭕独立三角茶包，也便于冲泡，无论是在办公室还是家中，都可以轻松"</li><li>"常喝这几款茶，打工人的脾胃舒服多了~ 办公室久坐、经常吃外卖，饮食不规律，很容易导致脾胃问题~ 👇分享5款简单易做的养生茶饮 既能方便冲泡，又能调理脾胃，赶"</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>(1)。这些痛点可通过产品配方、剂型、包装直接优化 — 直接迭代 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>(3) / <strong class="text-green">口感好</strong>(2) / <strong class="text-green">体验温和</strong>(2)。这些是消费者已认同的优势，内容营销直接放大。</p>
      </div>
      <div class="matrix-cell q3">
        <div class="cell-label text-rose">QUADRANT III · 教育必投</div>
        <h5>高痛点 · 非产品端</h5>
        <p>尚无强信号。这些是品类心智问题，需要 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>(7) / <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 2 位素材铺量支撑投流</li>
        </ul>
      </div>
    </div>
    <h3 class="text-h2 fade-up" style="margin-bottom:18px;">30 天时间线</h3>
    <div class="tl fade-up">
      <div class="tl-item">
        <div class="tl-time">DAY 01 — 07 · 对齐</div>
        <h5>对齐核心 VOC 发现 + 快速小样测试</h5>
        <p>把本报告的 Top 3 洞察 / Top 痛点 / Top 爆款笔记，在内部做 1 次品牌 / 产品 / 运营 / 投放四方对齐会。选 1-2 个高赞评论金句，做小样社交投流测试。</p>
      </div>
      <div class="tl-item">
        <div class="tl-time">DAY 08 — 14 · 内容</div>
        <h5>复用爆款结构，启动 KOC 铺量</h5>
        <p>以「胃肠养护」为切入点，量产 20-30 条 KOC 笔记；每条笔记用不同的高赞评论做卡点。配合 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":9,"$15-25":9,"$25-40":10,"$40-60":0,"$60-100":0,">$100":0},"topBrands":[["N/A",10330230],["NEW AGE",8421477],["Real Mushrooms",7530055],["Live Conscious",1774800],["Liberty Lifestyle",1727516],["DEAL SUPPLEMENT",1149490],["Liekoh",893368],["Premium Select Nutrition",776835]],"topBrandShares":[{"name":"N/A","value":27.8,"sales":10330230,"count":1},{"name":"NEW AGE","value":22.7,"sales":8421477,"count":1},{"name":"Real Mushrooms","value":20.3,"sales":7530055,"count":1},{"name":"Live Conscious","value":4.8,"sales":1774800,"count":1},{"name":"Liberty Lifestyle","value":4.6,"sales":1727516,"count":1},{"name":"DEAL SUPPLEMENT","value":3.1,"sales":1149490,"count":1},{"name":"Liekoh","value":2.4,"sales":893368,"count":1},{"name":"Premium Select Nutrition","value":2.1,"sales":776835,"count":1}],"ratingBuckets":{"< 4.0":3,"4.0-4.3":6,"4.3-4.5":6,"4.5-4.7":12,"≥ 4.7":4},"reviewCountBuckets":{"< 100":18,"100-500":9,"500-1k":0,"1k-5k":3,"5k-20k":1,"≥ 20k":0},"starDistProducts":[{"asin":"B08NFM1Q6H","brand":"N/A","title":"MaryRuth Organics Lions Mane","stars":[76,9,3,3,9]},{"asin":"B0CZMPYGF3","brand":"NEW AGE","title":"NEW AGE Lions Mane Mushroom ","stars":[61,6,17,1,15]},{"asin":"B01DKZZFCE","brand":"Real Mushrooms","title":"Real Mushrooms Lions Mane Mu","stars":[68,8,4,8,12]}],"topIPs":[["江苏",3],["上海",2],["云南",2],["天津",2],["广东",1],["河南",1],["山东",1],["安徽",1],["四川",1]],"noteHeatmap":[{"title":"苹果水的神奇功效，经常熬夜一定多喝苹果水","liked":47168,"comments":674,"collected":40162},{"title":"脾胃虚弱喝！尤其经常喝饮料，奶茶不断的~","liked":4064,"comments":137,"collected":2201},{"title":"脾胃弱必喝！6款豆浆喝走腹胀消化不良！","liked":3371,"comments":19,"collected":4331},{"title":"胃炎圣水，效果无敌","liked":3082,"comments":241,"collected":2638},{"title":"常喝这几款茶，打工人的脾胃舒服多了~","liked":2953,"comments":9,"collected":2421},{"title":"胃不好 慢慢懂了这些（纯个人经验）","liked":1770,"comments":60,"collected":1381},{"title":"胃动力不足别忽视，6大信号看你中了哪个？","liked":1220,"comments":26,"collected":534},{"title":"胃胀气、胃不舒服？多喝这9杯水！","liked":1037,"comments":3,"collected":1139},{"title":"脾胃不好 记住一杯养胃水 人人喝得起","liked":840,"comments":15,"collected":1085},{"title":"瘦子+脾胃虚+吸收差的增肥方法（纯干货）","liked":671,"comments":26,"collected":475},{"title":"春季养生黄金期！🥣吃对了一整年红润好气色","liked":652,"comments":32,"collected":122},{"title":"脾胃调理有顺序，这四步千万别弄错‼️","liked":642,"comments":22,"collected":958}],"douyinPosts":[{"aweme_id":"7615937064252719739","desc":"上班肚子咕咕叫好尴尬，生怕隔壁工位同事听到，把乳酸菌素片常年备在包里才有安全感！#乳酸菌素片 #消化不良 #肠鸣 #日常护理 #肠胃健康","cover":"https://p11-sign.douyinpic.com/tos-cn-i-0813c000-ce/ocVTDezVAAAVA7V6gQLMYfOGReNKjNnIJBFLEg~tplv-dy-resize-walign:360:q75.heic?lk3s=138a59ce&x-expires=1777734000&x-signature=LhUaDt3BVkYEUVN6REVscLhV55Y%3D&from=327834062&s=PackSourceEnum_PUBLISH&se=false&sc=cover&biz_tag=aweme_images&l=202604182340424466467F497084FE4C65","create_time":1773223529,"digg":703,"comment":50,"share":236,"play":0,"collect":321},{"aweme_id":"7629188541260343195","desc":"谁不想敞开了吃！乳酸菌素片给你底气，嚼一嚼，鲜香麻辣我来了～#消化不良 #肚子咕咕叫 #拉肚子 #乳酸菌素片 #健康好物计划","cover":"https://p26-sign.douyinpic.com/tos-cn-i-0813c001/ogCAp8ADDis3ACNAS0wEeogAliExfAHBIgUolD~tplv-dy-resize-walign:360:q75.heic?lk3s=138a59ce&x-expires=1777734000&x-signature=vn%2FM1rhyoD60T79iMcve%2FSdynMI%3D&from=327834062&s=PackSourceEnum_PUBLISH&se=false&sc=cover&biz_tag=aweme_images&l=202604182340424466467F497084FE4C65","create_time":1776337200,"digg":18,"comment":4,"share":5,"play":0,"collect":6},{"aweme_id":"7628802132821380334","desc":"上班出差最怕的就是肚子不舒服，还好早备了江中乳酸菌素片，嚼一嚼好方便。#肚子咕咕叫 #拉肚子 #消化不良 #乳酸菌素片 #打工人必备","cover":"https://p9-sign.douyinpic.com/tos-cn-i-0813/osHBQ7IAowAL2Ie5GstGHeeDAYGfERAQCAjOf9~tplv-dy-resize-walign:360:q75.heic?lk3s=138a59ce&x-expires=1777734000&x-signature=vIOS9n64p%2BOqsOwwg3ytsC93q1s%3D&from=327834062&s=PackSourceEnum_PUBLISH&se=false&sc=cover&biz_tag=aweme_images&l=202604182340424466467F497084FE4C65","create_time":1776250800,"digg":14,"comment":5,"share":5,"play":0,"collect":9},{"aweme_id":"7617803742071204273","desc":"别问了，全款给男朋友老公拿下～#健康好物计划 #六味地黄膏 #大蜜丸 #送男朋友礼物 #情侣礼物","cover":"https://p11-sign.douyinpic.com/tos-cn-i-0813c000-ce/o4nI2MSeWEtVA47Ei0fwxgB2iJPAACCACIC3Ar~tplv-dy-resize-walign:360:q75.heic?lk3s=138a59ce&x-expires=1777734000&x-signature=0TgMj1qXwcMOq9w8f0tH4A470Z8%3D&from=327834062&s=PackSourceEnum_PUBLISH&se=false&sc=cover&biz_tag=aweme_video&l=202604182340424466467F497084FE4C65","create_time":1773658149,"digg":13,"comment":6,"share":9,"play":0,"collect":7},{"aweme_id":"7629569475910647909","desc":"出远门最怕肚子不舒服，带上它，饭后嚼，牛奶味儿。#乳酸菌素片 #消化不良 #肚子咕咕叫 #第一批五一玩家已出发 #健康好物计划","cover":"https://p3-sign.douyinpic.com/tos-cn-i-0813c000-ce/ooAPTDIwnGAF4EaWHY9d44fUA0DfECAQbAgpsD~tplv-dy-resize-walign:360:q75.heic?lk3s=138a59ce&x-expires=1777734000&x-signature=ifEPSuHtE47neXnRduMZZGko9VE%3D&from=327834062&s=PackSourceEnum_PUBLISH&se=false&sc=cover&biz_tag=aweme_images&l=202604182340424466467F497084FE4C65","create_time":1776423600,"digg":13,"comment":6,"share":9,"play":0,"collect":5},{"aweme_id":"7628447559685985209","desc":"拆拆拆，拆开健胃消食片！嚼嚼嚼，嚼出舒适肠道～江中制药旗舰店正品发货！#消化不良 #胀气 #肚子咕咕叫 #健胃消食片 #健康好物计划","cover":"https://p11-sign.douyinpic.com/tos-cn-i-0813c000-ce/ogAAJBKTOQFAA7cIFcd8FWsuDMMJ02Efe3trfg~tplv-dy-resize-walign:360:q75.heic?lk3s=138a59ce&x-expires=1777734000&x-signature=HOk%2FNvxmeruYyg25GMh2pXipo8o%3D&from=327834062&s=PackSourceEnum_PUBLISH&se=false&sc=cover&biz_tag=aweme_video&l=202604182340424466467F497084FE4C65","create_time":1776164400,"digg":13,"comment":4,"share":4,"play":0,"collect":9},{"aweme_id":"7628081097633121457","desc":"吃过你就真香了，囤家里囤宿舍，出去玩带一片，吃撑了嚼一嚼！#健胃消食片 #消化不良 #胀气 #已经开始期待五一假期了 #吃货必备","cover":"https://p3-sign.douyinpic.com/tos-cn-i-0813c000-ce/oAAcDA5DYpvPVdQixp1mwCMYBAIaxi2jaAYAE~tplv-dy-resize-walign:360:q75.heic?lk3s=138a59ce&x-expires=1777734000&x-signature=H7nW%2FVbvWU8Wy31h%2F0%2FBMZufMkY%3D&from=327834062&s=PackSourceEnum_PUBLISH&se=false&sc=cover&biz_tag=aweme_video&l=202604182340424466467F497084FE4C65","create_time":1776051032,"digg":13,"comment":4,"share":7,"play":0,"collect":9},{"aweme_id":"7629538455911011825","desc":"原来小儿腹泻可以吃乳酸菌素片，嚼一嚼，牛奶片味～#拉肚子 #小儿腹泻 #乳酸菌素片 #肚子咕咕叫 #健康好物计划","cover":"https://p26-sign.douyinpic.com/tos-cn-i-0813c000-ce/owD4DftMAEAnIMkZlApwFCfhEX9ZAAX1DExAUL~tplv-dy-resize-walign:360:q75.heic?lk3s=138a59ce&x-expires=1777734000&x-signature=9DXpXwCKNbXrk8zOh%2FZT1ewxN7w%3D&from=327834062&s=PackSourceEnum_PUBLISH&se=false&sc=cover&biz_tag=aweme_images&l=202604182340424466467F497084FE4C65","create_time":1776398400,"digg":12,"comment":4,"share":7,"play":0,"collect":6},{"aweme_id":"7629767292838765937","desc":"准备好了闺蜜，带上乳酸菌素片大吃特吃去！#消化不良 #肚子咕咕叫 #一天一天贴近五一假期 #健康好物计划 #乳酸菌素片","digg":3,"comment":1,"share":2,"play":0},{"aweme_id":"7629766441919057786","desc":"艾特一个人给你买这个可爱的乳酸菌素片。#乳酸菌素片 #肚子咕咕叫 #消化不良 #健康好物计划 #爱我你就抱抱我","digg":3,"comment":0,"share":2,"play":0},{"aweme_id":"7629331813303580849","desc":"事儿呢就是这么个事儿，东西呢在置顶。#乳酸菌素片 #肚子咕咕叫 #消化不良 #00后运营 #打工人的心酸","digg":11,"comment":1,"share":7,"play":0},{"aweme_id":"7629166571844315630","desc":"到底是谁还在跟风冲莫氏鸡煲啊！早早就去取号排队好几个小时才吃上那一口，不得不说汤是真的香啊\n但肠胃敏感的我吃完还没回到家就有点闹肚子\n一直咕咕叫，不停得跑厕所，太难受了😭\n还好在车上备有乳酸菌素片✌️\n#江中乳酸菌素片 #拉肚子 #莫氏鸡煲 #肠道健康 #健康好物计划","digg":10,"comment":0,"share":0,"play":0},{"aweme_id":"7628796236795046131","desc":"幸福吃喝的日子别忘了给小肚肚来个乳酸菌素片，嚼出安心舒适！#消化不良 #肚子咕咕叫 #乳酸菌素片 #健康好物计划 #日子长久长久幸福小有小有","digg":10,"comment":3,"share":4,"play":0},{"aweme_id":"7628445264768285041","desc":"家人们我能骗你们吗，肚子容易不舒服的真得有它！牛奶片一样的口感，嚼一嚼就得了。#消化不良 #肚子咕咕叫 #肠道健康 #乳酸菌素片 #健康好物计划","digg":11,"comment":4,"share":4,"play":0},{"aweme_id":"7628088991049622897","desc":"我们这种自律的人吃饱是要嚼乳酸菌素片的，至于为什么要吃，你别管。#消化不良 #肠鸣 #肚子咕咕叫 #乳酸菌素片 #健康好物计划","digg":11,"comment":3,"share":4,"play":0},{"aweme_id":"7627540489520454833","desc":"消化不良肚子胀得难受，那又怎样？我有江中健胃消食片！#健胃消食片 #消化不良 #打嗝 #胃胀气 #健康好物计划","digg":11,"comment":1,"share":2,"play":0},{"aweme_id":"7627540346062629105","desc":"人在工位肚子怪叫，脸都丢尽了！同事给了这个，嚼一嚼就能吃 ，牛奶片一样的口味，安心了。#肚子咕咕叫 #肠鸣 #乳酸菌素片 #消化不良 #肠道健康","digg":11,"comment":4,"share":6,"play":0},{"aweme_id":"7627172096455766757","desc":"五一出游囤一盒，和家人朋友吃吃喝喝难免需要消消食～#消化不良 #肚子不舒服 #胀气 #已经开始期待五一假期了 #健康好物计划","digg":12,"comment":3,"share":3,"play":0},{"aweme_id":"7627171857741658225","desc":"旅游前总担心肚子不舒服，吃不下美味！江中健胃消食片，嚼一嚼好有安全感～#消化不良 #胀气 #肠胃健康 #已经开始期待五一假期了 #健康好物计划","digg":8,"comment":2,"share":1,"play":0},{"aweme_id":"7626959308295231665","desc":"也该收收心准备五一了，旅游少不了健胃消食片，敞开吃，好安心😌#开始期待五一假期了 #消化不良 #胀气 #健胃消食片 #健康好物计划","digg":11,"comment":2,"share":3,"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>