18307996893
/
fmode-voc-projects


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685
							<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>洪城到家 · VOC 深度洞察报告 v3</title>
<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;
  --rose: #FF4D8D;
  --blue: #3B82F6;
  --red: #EF4444;
  --purple: #8B5CF6;
  --orange: #F97316;
  --font-head: 'Inter','Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif;
  --font-body: 'Noto Sans SC','Inter','PingFang SC','Microsoft YaHei',sans-serif;
  --font-mono: 'JetBrains Mono','SF Mono','Fira Code',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;
  scroll-snap-type: y proximity;
}
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;
}
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.08), 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.05), 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; }

.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-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;
}
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;
}
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.report-section[data-tone="orange"]{ --slide-glow-1: rgba(249,115,22,0.10);  --slide-glow-2: rgba(249,115,22,0.04); }
.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-glow { box-shadow: 0 0 40px rgba(245,166,35,0.06); }
.card-accent { border-left: 3px solid var(--amber); }

.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.blue { background: rgba(59,130,246,0.08); color: var(--blue); border-color: rgba(59,130,246,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;
}
.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-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); }

.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; }

.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); }

.table-wrap { overflow-x: auto; border-radius: var(--radius-md); border: 1px solid var(--border); }

.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); }

.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); }

.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);
}

.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);
}

.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; }
  .nav-rail { display: none; }
}
</style>
</head>
<body>
<div class="progress-line" id="progressLine"></div>
<header class="top-bar">
  <div class="brand-logo">洪城到家<span class="dot">·</span>VOC</div>
</header>
<nav class="nav-rail" id="navRail"></nav>
<div class="slide-counter">
  <span class="now" id="slideNow">01</span>
  <div class="bar"><div id="slideBar"></div></div>
  <span id="slideTotal">08</span>
</div>
<div class="kbd-hint">
  <kbd>↓</kbd><kbd>↑</kbd> 滚动切换
</div>

<main class="deck">

<!-- 封面 -->
<section class="report-section cover-hero" data-tone="amber" style="min-height:100vh;">
  <div class="cover-grid-bg"></div>
  <div class="aurora">
    <span></span><span></span><span></span>
  </div>
  <div class="cover-content">
    <div class="cover-meta">VOC 深度洞察报告 · v3</div>
    <div class="cover-title-stack">
      <div class="cover-title">洪城到家</div>
    </div>
    <p class="cover-sub">从 3000 单到 3万单 · 江西母婴服务市场增长策略</p>
    <div class="cover-stats">
      <div class="cover-stat"><div class="num">5,923</div><div class="lbl">VOC总量</div></div>
      <div class="cover-stat"><div class="num">5,089</div><div class="lbl">高质量评论</div></div>
      <div class="cover-stat"><div class="num">10+</div><div class="lbl">覆盖竞品</div></div>
      <div class="cover-stat"><div class="num">9省</div><div class="lbl">地理分布</div></div>
    </div>
  </div>
</section>

<!-- Ch1: 执行摘要 -->
<section class="report-section" data-slide-num="01" data-tone="amber" id="ch1">
  <div class="section-inner">
    <div class="section-head">
      <div class="section-eyebrow">CHAPTER 01</div>
      <h2 class="text-h1">执行摘要</h2>
      <p class="section-sub">核心问题与机会分析</p>
    </div>

    <div class="grid grid-4" style="margin-bottom:32px;">
      <div class="metric">
        <div class="metric-label">VOC总量</div>
        <div class="metric-value">5,089</div>
        <div class="metric-sub">高质量评论</div>
      </div>
      <div class="metric">
        <div class="metric-label">正面评价率</div>
        <div class="metric-value" style="color:var(--green);">18%</div>
        <div class="metric-sub">情感分析结果</div>
      </div>
      <div class="metric">
        <div class="metric-label">负面评价率</div>
        <div class="metric-value" style="color:var(--rose);">2.3%</div>
        <div class="metric-sub">需关注问题</div>
      </div>
      <div class="metric">
        <div class="metric-label">覆盖竞品</div>
        <div class="metric-value" style="color:var(--blue);">10+</div>
        <div class="metric-sub">市场数据分析</div>
      </div>
    </div>

    <div class="card card-glow" style="margin-bottom:28px; border-left:3px solid var(--amber);">
      <div class="text-xs" style="color:var(--amber); letter-spacing:0.18em; margin-bottom:12px; font-weight:700;">核心问题</div>
      <div class="text-h3" style="margin-bottom:8px;">现状：3000单 → 目标：3万单（10倍增长）</div>
      <p class="text-sm">江西30万新生儿/年，洪诚到家目前市场渗透率仅1%，目标吃下10%市场</p>
    </div>

    <div class="grid grid-3">
      <div class="card" style="border-top:3px solid var(--amber);">
        <div style="display:flex; align-items:center; gap:12px; margin-bottom:16px;">
          <div style="width:32px; height:32px; border-radius:50%; background:var(--amber); color:#000; font-weight:800; display:flex; align-items:center; justify-content:center; font-size:0.9rem;">1</div>
          <div class="text-h3">抄作业</div>
        </div>
        <p class="text-sm">学妈咪无忧小红书矩阵 + 学多喜娃医院地推 + 学好孕妈妈朋友圈投放 + 学天鹅到家标准化</p>
      </div>
      <div class="card" style="border-top:3px solid var(--orange);">
        <div style="display:flex; align-items:center; gap:12px; margin-bottom:16px;">
          <div style="width:32px; height:32px; border-radius:50%; background:var(--orange); color:#000; font-weight:800; display:flex; align-items:center; justify-content:center; font-size:0.9rem;">2</div>
          <div class="text-h3">短剧破圈</div>
        </div>
        <p class="text-sm">借南昌万亿短剧市场政策东风，低成本实现品牌曝光</p>
      </div>
      <div class="card" style="border-top:3px solid var(--green);">
        <div style="display:flex; align-items:center; gap:12px; margin-bottom:16px;">
          <div style="width:32px; height:32px; border-radius:50%; background:var(--green); color:#000; font-weight:800; display:flex; align-items:center; justify-content:center; font-size:0.9rem;">3</div>
          <div class="text-h3">VOC驱动</div>
        </div>
        <p class="text-sm">围绕专业度、价格透明度、服务保障三大痛点构建差异化</p>
      </div>
    </div>
  </div>
</section>

<!-- Ch2: 竞品VOC分析 -->
<section class="report-section" data-tone="orange" id="ch2">
  <div class="section-inner">
    <div class="section-head">
      <div class="section-eyebrow" style="color:var(--orange);">CHAPTER 02</div>
      <h2 class="text-h1">竞品获客策略</h2>
      <p class="section-sub">头部品牌VOC拆解与可借鉴点（年营收TOP10）</p>
    </div>

    <!-- 竞品总览表格 -->
    <div class="table-wrap" style="margin-bottom:28px;">
      <table class="data-tbl">
        <thead>
          <tr>
            <th>品牌</th>
            <th style="text-align:center;">年营收</th>
            <th>核心优势</th>
            <th>洪诚可借鉴</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td><strong>天鹅到家</strong></td>
            <td class="tb-num" style="text-align:center;">28-32亿</td>
            <td>全国第一/平台模式</td>
            <td><span class="tag">标准化体系</span></td>
          </tr>
          <tr>
            <td><strong>好孕妈妈</strong></td>
            <td class="tb-num" style="text-align:center;">18-22亿</td>
            <td>医疗背景/医院合作强</td>
            <td><span class="tag blue">医院深度合作</span></td>
          </tr>
          <tr>
            <td><strong>宜尔宝</strong></td>
            <td class="tb-num" style="text-align:center;">8-10亿</td>
            <td>华南龙头/员工制</td>
            <td><span class="tag green">员工制直营</span></td>
          </tr>
          <tr>
            <td><strong>妈咪无忧</strong></td>
            <td class="tb-num" style="text-align:center;">7-9亿</td>
            <td>上海第一/小红书KOS矩阵</td>
            <td><span class="tag rose">小红书KOS矩阵</span></td>
          </tr>
          <tr>
            <td><strong>爱侬家政</strong></td>
            <td class="tb-num" style="text-align:center;">6-8亿</td>
            <td>北京老牌/新三板</td>
            <td><span class="tag">品牌背书</span></td>
          </tr>
          <tr>
            <td><strong>叮当找阿姨</strong></td>
            <td class="tb-num" style="text-align:center;">5-7亿</td>
            <td>AI+医护模式</td>
            <td><span class="tag blue">AI匹配技术</span></td>
          </tr>
          <tr>
            <td><strong>优护佳</strong></td>
            <td class="tb-num" style="text-align:center;">4-6亿</td>
            <td>医护背景/高端</td>
            <td><span class="tag gray">待分析</span></td>
          </tr>
          <tr>
            <td><strong>大爱天使</strong></td>
            <td class="tb-num" style="text-align:center;">3.5-5亿</td>
            <td>深圳本土龙头</td>
            <td><span class="tag gray">待分析</span></td>
          </tr>
          <tr>
            <td><strong>多喜娃</strong></td>
            <td class="tb-num" style="text-align:center;">3-4.5亿</td>
            <td>深圳第二/短剧营销</td>
            <td><span class="tag orange">短剧营销</span></td>
          </tr>
          <tr>
            <td><strong>爱的果实</strong></td>
            <td class="tb-num" style="text-align:center;">3-4亿</td>
            <td>上海高端标杆</td>
            <td><span class="tag gray">待分析</span></td>
          </tr>
        </tbody>
      </table>
    </div>

    <!-- 竞品详细洞察 - 第一行 -->
    <div class="grid grid-3" style="margin-bottom:18px;">
      <div class="card" style="border-top:3px solid var(--blue);">
        <div class="text-h3" style="color:var(--blue); margin-bottom:12px; font-size:1rem;">天鹅到家</div>
        <div class="text-sm" style="line-height:1.7;">
          <div style="margin-bottom:8px;"><span class="text-green">✓</span> 全国覆盖广，平台模式</div>
          <div style="margin-bottom:8px;"><span class="text-green">✓</span> 多渠道组合打法成熟</div>
          <div style="margin-bottom:8px;"><span class="text-green">✓</span> AI驱动匹配效率</div>
          <div style="color:var(--rose);"><span class="text-red">⚠</span> 本地化服务能力弱</div>
        </div>
      </div>
      <div class="card" style="border-top:3px solid var(--green);">
        <div class="text-h3" style="color:var(--green); margin-bottom:12px; font-size:1rem;">好孕妈妈</div>
        <div class="text-sm" style="line-height:1.7;">
          <div style="margin-bottom:8px;"><span class="text-green">✓</span> 医院渠道是最高效场景</div>
          <div style="margin-bottom:8px;"><span class="text-green">✓</span> 医疗背景背书强</div>
          <div style="margin-bottom:8px;"><span class="text-green">✓</span> CRM精细化运营</div>
          <div style="color:var(--rose);"><span class="text-red">⚠</span> 价格偏高</div>
        </div>
      </div>
      <div class="card" style="border-top:3px solid var(--amber);">
        <div class="text-h3" style="color:var(--amber); margin-bottom:12px; font-size:1rem;">宜尔宝</div>
        <div class="text-sm" style="line-height:1.7;">
          <div style="margin-bottom:8px;"><span class="text-green">✓</span> 华南绝对龙头</div>
          <div style="margin-bottom:8px;"><span class="text-green">✓</span> 员工制直营，月嫂稳定性高</div>
          <div style="margin-bottom:8px;"><span class="text-green">✓</span> 口碑转介绍率40%+</div>
          <div style="color:var(--rose);"><span class="text-red">⚠</span> 扩张慢，依赖华南</div>
        </div>
      </div>
    </div>

    <!-- 竞品详细洞察 - 第二行 -->
    <div class="grid grid-3" style="margin-bottom:18px;">
      <div class="card" style="border-top:3px solid var(--rose);">
        <div class="text-h3" style="color:var(--rose); margin-bottom:12px; font-size:1rem;">妈咪无忧</div>
        <div class="text-sm" style="line-height:1.7;">
          <div style="margin-bottom:8px;"><span class="text-green">✓</span> 小红书KOS矩阵第一</div>
          <div style="margin-bottom:8px;"><span class="text-green">✓</span> 顾问IP化运营成熟</div>
          <div style="margin-bottom:8px;"><span class="text-green">✓</span> 高端市场定位清晰</div>
          <div style="color:var(--rose);"><span class="text-red">⚠</span> 成本高，扩张受限</div>
        </div>
      </div>
      <div class="card" style="border-top:3px solid var(--purple);">
        <div class="text-h3" style="color:var(--purple); margin-bottom:12px; font-size:1rem;">爱侬家政</div>
        <div class="text-sm" style="line-height:1.7;">
          <div style="margin-bottom:8px;"><span class="text-green">✓</span> 北京老牌，信任度高</div>
          <div style="margin-bottom:8px;"><span class="text-green">✓</span> 新三板品牌背书</div>
          <div style="margin-bottom:8px;"><span class="text-green">✓</span> 员工制成熟稳定</div>
          <div style="color:var(--rose);"><span class="text-red">⚠</span> 线上运营弱</div>
        </div>
      </div>
      <div class="card" style="border-top:3px solid var(--orange);">
        <div class="text-h3" style="color:var(--orange); margin-bottom:12px; font-size:1rem;">叮当找阿姨</div>
        <div class="text-sm" style="line-height:1.7;">
          <div style="margin-bottom:8px;"><span class="text-green">✓</span> AI+医护模式创新</div>
          <div style="margin-bottom:8px;"><span class="text-green">✓</span> 上海第二品牌</div>
          <div style="margin-bottom:8px;"><span class="text-green">✓</span> 高端客单价高</div>
          <div style="color:var(--rose);"><span class="text-red">⚠</span> 技术依赖，中小城市适配差</div>
        </div>
      </div>
    </div>

    <!-- 竞品详细洞察 - 第三行 -->
    <div class="grid grid-3" style="margin-bottom:28px;">
      <div class="card" style="border-top:3px solid var(--blue);">
        <div class="text-h3" style="color:var(--blue); margin-bottom:12px; font-size:1rem;">优护佳</div>
        <div class="text-sm" style="line-height:1.7;">
          <div style="margin-bottom:8px;"><span class="text-green">✓</span> 医护背景强</div>
          <div style="margin-bottom:8px;"><span class="text-green">✓</span> 高端/早产儿护理专长</div>
          <div style="margin-bottom:8px;"><span class="text-green">✓</span> 北上广深均有布局</div>
          <div style="color:var(--rose);"><span class="text-red">⚠</span> 价格最高，定位超高端</div>
        </div>
      </div>
      <div class="card" style="border-top:3px solid var(--green);">
        <div class="text-h3" style="color:var(--green); margin-bottom:12px; font-size:1rem;">大爱天使</div>
        <div class="text-sm" style="line-height:1.7;">
          <div style="margin-bottom:8px;"><span class="text-green">✓</span> 深圳本土龙头</div>
          <div style="margin-bottom:8px;"><span class="text-green">✓</span> 专注月嫂，服务精</div>
          <div style="margin-bottom:8px;"><span class="text-green">✓</span> 口碑积累深厚</div>
          <div style="color:var(--rose);"><span class="text-red">⚠</span> 地域限制，难以复制</div>
        </div>
      </div>
      <div class="card" style="border-top:3px solid var(--orange);">
        <div class="text-h3" style="color:var(--orange); margin-bottom:12px; font-size:1rem;">多喜娃</div>
        <div class="text-sm" style="line-height:1.7;">
          <div style="margin-bottom:8px;"><span class="text-green">✓</span> 深圳第二，自营规模大</div>
          <div style="margin-bottom:8px;"><span class="text-green">✓</span> 品牌账号矩阵</div>
          <div style="margin-bottom:8px;"><span class="text-green">✓</span> 直播间互动</div>
          <div style="color:var(--green);"><span class="text-green">✓</span> 短剧数据已验证（H3✓）</div>
        </div>
      </div>
    </div>

    <!-- 竞品渠道对比 -->
    <div class="fade-up">
      <div class="text-mono text-xs" style="color:var(--orange); letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">📊 头部竞品渠道矩阵对比</div>
      <div class="table-wrap">
        <table class="data-tbl">
          <thead>
            <tr>
              <th>品牌</th>
              <th>抖音</th>
              <th>小红书</th>
              <th>医院渠道</th>
              <th>私域</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td><strong>天鹅到家</strong></td>
              <td style="color:var(--green);">★★★★☆</td>
              <td style="color:var(--amber);">★★★☆☆</td>
              <td style="color:var(--text-3);">★★☆☆☆</td>
              <td style="color:var(--amber);">★★★☆☆</td>
            </tr>
            <tr>
              <td><strong>好孕妈妈</strong></td>
              <td style="color:var(--amber);">★★★☆☆</td>
              <td style="color:var(--green);">★★★★☆</td>
              <td style="color:var(--green);">★★★★★</td>
              <td style="color:var(--green);">★★★★☆</td>
            </tr>
            <tr>
              <td><strong>宜尔宝</strong></td>
              <td style="color:var(--text-3);">★★☆☆☆</td>
              <td style="color:var(--text-3);">★★☆☆☆</td>
              <td style="color:var(--amber);">★★★☆☆</td>
              <td style="color:var(--green);">★★★★☆</td>
            </tr>
            <tr>
              <td><strong>妈咪无忧</strong></td>
              <td style="color:var(--green);">★★★★☆</td>
              <td style="color:var(--green);">★★★★★</td>
              <td style="color:var(--text-3);">★★☆☆☆</td>
              <td style="color:var(--amber);">★★★☆☆</td>
            </tr>
            <tr>
              <td><strong>多喜娃</strong></td>
              <td style="color:var(--green);">★★★★★</td>
              <td style="color:var(--amber);">★★★☆☆</td>
              <td style="color:var(--amber);">★★★☆☆</td>
              <td style="color:var(--amber);">★★★☆☆</td>
            </tr>
            <tr>
              <td><strong style="color:var(--green);">洪城到家</strong></td>
              <td style="color:var(--amber);">★★★☆☆</td>
              <td style="color:var(--text-3);">★★☆☆☆</td>
              <td style="color:var(--amber);">★★★☆☆</td>
              <td style="color:var(--text-3);">★★☆☆☆</td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</section>

<!-- Ch3: 用户痛点VOC -->
<section class="report-section" data-slide-num="03" data-tone="rose" id="ch3">
  <div class="section-inner">
    <div class="section-head">
      <div class="section-eyebrow" style="color:var(--rose);">CHAPTER 03</div>
      <h2 class="text-h1">用户痛点VOC</h2>
      <p class="section-sub">选择月嫂的三大顾虑</p>
    </div>

    <div class="grid grid-3" style="margin-bottom:32px;">
      <div class="card" style="border-top:3px solid var(--amber);">
        <div style="font-size:2rem; margin-bottom:12px;">💰</div>
        <div class="text-h3" style="color:var(--amber); margin-bottom:8px;">价格透明</div>
        <p class="text-sm" style="margin-bottom:10px;">"月嫂多少钱一个月"</p>
        <span class="tag">408条相关讨论</span>
      </div>
      <div class="card" style="border-top:3px solid var(--green);">
        <div style="font-size:2rem; margin-bottom:12px;">🏆</div>
        <div class="text-h3" style="color:var(--green); margin-bottom:8px;">专业度信任</div>
        <p class="text-sm" style="margin-bottom:10px;">"怎么知道月嫂靠不靠谱"</p>
        <span class="tag green">4083条假设覆盖</span>
      </div>
      <div class="card" style="border-top:3px solid var(--rose);">
        <div style="font-size:2rem; margin-bottom:12px;">🛡️</div>
        <div class="text-h3" style="color:var(--rose); margin-bottom:8px;">服务保障</div>
        <p class="text-sm" style="margin-bottom:10px;">"不满意能换吗"</p>
        <span class="tag rose">213条相关讨论</span>
      </div>
    </div>

    <div class="insight-banner" data-num="01" style="margin-bottom:24px;">
      <h3>价格敏感是<span strong>转化关键</span>，但专业度信任才是决定因素</h3>
      <p class="insight-body">用户在选择月嫂时，首先关注价格透明度，但最终决策点在于对月嫂专业度的信任。竞品负面评价中，45%与专业度相关。</p>
      <div class="insight-data">
        <div class="dp"><div class="num">45%</div><div class="lbl">专业度相关投诉</div></div>
        <div class="dp"><div class="num">68%</div><div class="lbl">关注价格而非服务</div></div>
      </div>
    </div>
  </div>
</section>

<!-- Ch4: 用户地理分布 -->
<section class="report-section" data-slide-num="04" data-tone="blue" id="ch4">
  <div class="section-inner">
    <div class="section-head">
      <div class="section-eyebrow" style="color:var(--blue);">CHAPTER 04</div>
      <h2 class="text-h1">用户地理分布</h2>
      <p class="section-sub">抖音评论IP定位分析</p>
    </div>

    <div class="grid grid-2">
      <div class="card">
        <div class="text-xs" style="color:var(--blue); letter-spacing:0.15em; margin-bottom:14px; font-weight:700;">TOP 9 省份分布</div>
        <div class="chart-container">
    <svg viewBox="0 0 600 420" style="width:100%; height:auto;" preserveAspectRatio="xMidYMid meet">
      <text x="80" y="37" text-anchor="end" font-size="13" fill="var(--text-2)">广东</text>
      <rect x="88" y="16" width="480" height="32" rx="4" fill="#3B82F6" opacity="0.85"/>
      <text x="576" y="37" font-size="13" font-weight="700" fill="#3B82F6" font-family="monospace">451</text>
      <text x="80" y="81" text-anchor="end" font-size="13" fill="var(--text-2)">江苏</text>
      <rect x="88" y="60" width="420" height="32" rx="4" fill="#3B82F6" opacity="0.85"/>
      <text x="516" y="81" font-size="13" font-weight="700" fill="#3B82F6" font-family="monospace">394</text>
      <text x="80" y="125" text-anchor="end" font-size="13" fill="var(--text-2)">山东</text>
      <rect x="88" y="104" width="290" height="32" rx="4" fill="#3B82F6" opacity="0.85"/>
      <text x="386" y="125" font-size="13" font-weight="700" fill="#3B82F6" font-family="monospace">273</text>
      <text x="80" y="169" text-anchor="end" font-size="13" fill="var(--text-2)">浙江</text>
      <rect x="88" y="148" width="260" height="32" rx="4" fill="#3B82F6" opacity="0.85"/>
      <text x="356" y="169" font-size="13" font-weight="700" fill="#3B82F6" font-family="monospace">245</text>
      <text x="80" y="213" text-anchor="end" font-size="13" fill="var(--text-2)">湖南</text>
      <rect x="88" y="192" width="247" height="32" rx="4" fill="#3B82F6" opacity="0.85"/>
      <text x="343" y="213" font-size="13" font-weight="700" fill="#3B82F6" font-family="monospace">232</text>
      <text x="80" y="257" text-anchor="end" font-size="13" fill="var(--text-2)">广西</text>
      <rect x="88" y="236" width="223" height="32" rx="4" fill="#3B82F6" opacity="0.85"/>
      <text x="319" y="257" font-size="13" font-weight="700" fill="#3B82F6" font-family="monospace">209</text>
      <text x="80" y="301" text-anchor="end" font-size="13" fill="var(--text-2)">四川</text>
      <rect x="88" y="280" width="203" height="32" rx="4" fill="#3B82F6" opacity="0.85"/>
      <text x="299" y="301" font-size="13" font-weight="700" fill="#3B82F6" font-family="monospace">191</text>
      <text x="80" y="345" text-anchor="end" font-size="13" fill="var(--text-2)">河南</text>
      <rect x="88" y="324" width="193" height="32" rx="4" fill="#3B82F6" opacity="0.85"/>
      <text x="289" y="345" font-size="13" font-weight="700" fill="#3B82F6" font-family="monospace">181</text>
      <text x="80" y="389" text-anchor="end" font-size="13" fill="var(--text-2)">安徽</text>
      <rect x="88" y="368" width="174" height="32" rx="4" fill="#3B82F6" opacity="0.85"/>
      <text x="270" y="389" font-size="13" font-weight="700" fill="#3B82F6" font-family="monospace">163</text>
    </svg>
  </div>
      </div>
      <div class="card" style="border-top:3px solid var(--blue);">
        <div class="text-h3" style="color:var(--blue); margin-bottom:14px;">关键发现</div>
        <div class="text-sm" style="line-height:1.9;">
          <div style="margin-bottom:12px;"><span class="text-green">✓</span> <strong>广东(451条)</strong> 是最大的评论来源省</div>
          <div style="margin-bottom:12px;"><span class="text-green">✓</span> <strong>江苏(394条)</strong> 其次，江浙沪经济发达区</div>
          <div style="margin-bottom:12px;"><span class="text-green">✓</span> <strong>山东(273条)</strong> 北方第一人口大省</div>
          <div style="margin-bottom:12px;"><span class="text-green">✓</span> 江西本省评论较少，需加强本地推广</div>
          <div style="color:var(--rose); margin-top:16px; padding-top:16px; border-top:1px solid var(--border);">
            → 洪诚到家核心市场在江西，需加强本省IP用户采集
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- Ch5: KANO需求分析 -->
<section class="report-section" data-slide-num="05" data-tone="purple" id="ch5">
  <div class="section-inner">
    <div class="section-head">
      <div class="section-eyebrow" style="color:var(--purple);">CHAPTER 05</div>
      <h2 class="text-h1">KANO × JTBD 需求分析</h2>
      <p class="section-sub">需求分类与价值分层</p>
    </div>

    <div class="grid grid-3" style="margin-bottom:32px;">
      <div class="theme-poster pain">
        <h4>必备型需求</h4>
        <div class="count">Must-be <span class="num">基础门槛</span></div>
        <ul class="examples">
          <li>专业月嫂资质证书</li>
          <li>基本护理技能保障</li>
          <li>合同服务保障</li>
        </ul>
      </div>
      <div class="theme-poster scene">
        <h4>期望型需求</h4>
        <div class="count">Performance <span class="num">差异化</span></div>
        <ul class="examples">
          <li>价格透明公开</li>
          <li>匹配效率高</li>
          <li>服务态度好</li>
        </ul>
      </div>
      <div class="theme-poster bright">
        <h4>兴奋型需求</h4>
        <div class="count">Attractive <span class="num">增长点</span></div>
        <ul class="examples">
          <li>短剧内容种草</li>
          <li>私人定制服务</li>
          <li>医院VIP通道</li>
        </ul>
      </div>
    </div>

    <div class="card">
      <div class="text-xs" style="color:var(--purple); letter-spacing:0.15em; margin-bottom:14px; font-weight:700;">H1-H8 假设验证（全部假设覆盖条数）</div>
      <div style="overflow-x:auto; padding-bottom:8px;">
        <div style="min-width:520px;">
          <div style="display:flex; flex-direction:column; gap:10px;">
            <div style="display:flex; align-items:center; gap:10px;">
              <div style="width:90px; font-size:0.75rem; color:var(--text-2); text-align:right; flex-shrink:0;">H1 医院地推</div>
              <div style="flex:1; height:28px; background:rgba(245,166,35,0.15); border-radius:4px; overflow:hidden; min-width:200px;">
                <div style="width:77%; height:100%; background:#F5A623; border-radius:4px; display:flex; align-items:center; padding-left:8px;">
                  <span style="font-size:0.72rem; font-weight:700; color:#000;">4184</span>
                </div>
              </div>
            </div>
            <div style="display:flex; align-items:center; gap:10px;">
              <div style="width:90px; font-size:0.75rem; color:var(--text-2); text-align:right; flex-shrink:0;">H2 价格透明</div>
              <div style="flex:1; height:28px; background:rgba(249,115,22,0.1); border-radius:4px; overflow:hidden; min-width:200px;">
                <div style="width:32%; height:100%; background:#F97316; border-radius:4px; display:flex; align-items:center; padding-left:8px;">
                  <span style="font-size:0.72rem; font-weight:700; color:#fff;">1741</span>
                </div>
              </div>
            </div>
            <div style="display:flex; align-items:center; gap:10px;">
              <div style="width:90px; font-size:0.75rem; color:var(--text-2); text-align:right; flex-shrink:0;">H3 短剧营销</div>
              <div style="flex:1; height:28px; background:rgba(0,220,130,0.08); border-radius:4px; overflow:hidden; min-width:200px;">
                <div style="width:2.6%; height:100%; background:#00DC82; border-radius:4px; display:flex; align-items:center; padding-left:8px;">
                  <span style="font-size:0.72rem; font-weight:700; color:#fff;">142</span>
                </div>
              </div>
            </div>
            <div style="display:flex; align-items:center; gap:10px;">
              <div style="width:90px; font-size:0.75rem; color:var(--text-2); text-align:right; flex-shrink:0;">H4 专业信任</div>
              <div style="flex:1; height:28px; background:rgba(59,130,246,0.08); border-radius:4px; overflow:hidden; min-width:200px;">
                <div style="width:67%; height:100%; background:#3B82F6; border-radius:4px; display:flex; align-items:center; padding-left:8px;">
                  <span style="font-size:0.72rem; font-weight:700; color:#fff;">3633</span>
                </div>
              </div>
            </div>
            <div style="display:flex; align-items:center; gap:10px;">
              <div style="width:90px; font-size:0.75rem; color:var(--text-2); text-align:right; flex-shrink:0;">H5 社区店威胁</div>
              <div style="flex:1; height:28px; background:rgba(139,92,246,0.08); border-radius:4px; overflow:hidden; min-width:200px;">
                <div style="width:27%; height:100%; background:#8B5CF6; border-radius:4px; display:flex; align-items:center; padding-left:8px;">
                  <span style="font-size:0.72rem; font-weight:700; color:#fff;">1834</span>
                </div>
              </div>
            </div>
            <div style="display:flex; align-items:center; gap:10px;">
              <div style="width:90px; font-size:0.75rem; color:var(--text-2); text-align:right; flex-shrink:0;">H6 老带新</div>
              <div style="flex:1; height:28px; background:rgba(255,180,194,0.08); border-radius:4px; overflow:hidden; min-width:200px;">
                <div style="width:1.8%; height:100%; background:#FFB4C2; border-radius:4px; display:flex; align-items:center; padding-left:8px;">
                  <span style="font-size:0.72rem; font-weight:700; color:#333;">123</span>
                </div>
              </div>
            </div>
            <div style="display:flex; align-items:center; gap:10px;">
              <div style="width:90px; font-size:0.75rem; color:var(--text-2); text-align:right; flex-shrink:0;">H7 渠道组合</div>
              <div style="flex:1; height:28px; background:rgba(255,140,66,0.08); border-radius:4px; overflow:hidden; min-width:200px;">
                <div style="width:24%; height:100%; background:#FF8C42; border-radius:4px; display:flex; align-items:center; padding-left:8px;">
                  <span style="font-size:0.72rem; font-weight:700; color:#fff;">1609</span>
                </div>
              </div>
            </div>
            <div style="display:flex; align-items:center; gap:10px;">
              <div style="width:90px; font-size:0.75rem; color:var(--text-2); text-align:right; flex-shrink:0;">H8 不满意能换</div>
              <div style="flex:1; height:28px; background:rgba(108,117,125,0.08); border-radius:4px; overflow:hidden; min-width:200px;">
                <div style="width:2.7%; height:100%; background:#6C757D; border-radius:4px; display:flex; align-items:center; padding-left:8px;">
                  <span style="font-size:0.72rem; font-weight:700; color:#fff;">183</span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- Ch6: 增长机会总览 -->
<section class="report-section" data-tone="green" id="ch6">
  <div class="section-inner">
    <div class="rise-in" style="text-align:center; margin-bottom:36px;">
      <div style="font-size:3.2rem; margin-bottom:14px;">💡</div>
      <h2 class="text-poster" style="font-size:clamp(2.4rem, 5.2vw, 4.2rem); color:var(--text-1); letter-spacing:-0.025em;">新机会 × 新渠道</h2>
      <p style="color:var(--green); font-family:var(--font-mono); font-size:0.92rem; letter-spacing:0.18em; margin-top:12px; font-weight:600;">OPPORTUNITY</p>
    </div>
    <div class="fade-up" style="max-width:960px; margin:0 auto; text-align:center; padding:28px 32px; background:linear-gradient(135deg, rgba(0,220,130,0.08), transparent); border-left:3px solid var(--green); border-radius:var(--radius-md);">
      <p style="color:var(--text-1); font-size:1.08rem; line-height:1.82;">基于 VOC 深挖，提炼 <strong style="color:var(--green);">3 条长尾赛道</strong>：<br>① <strong>医院地推</strong>（直接触达临产用户，转化率远高于泛流量）<br>② <strong>短剧营销</strong>（借南昌万亿短剧政策红利，低成本品牌曝光）<br>③ <strong>月嫂标准化 × 服务保障</strong>（差异化竞争，解决核心信任问题）。每条赛道配真实 VOC 证据 + 场景话术 + 规模预估。</p>
    </div>
    <div class="fade-up" style="margin-top:40px; display:grid; grid-template-columns:repeat(3, 1fr); gap:14px; max-width:1100px; margin-left:auto; margin-right:auto;">
      <div style="padding:16px 14px; background:var(--bg-1); border:1px solid rgba(0,220,130,0.15); border-radius:var(--radius-sm); text-align:center;">
        <div class="text-mono text-xs" style="color:var(--green); letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">6.1</div>
        <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">医院地推 · 精准触达临产用户</div>
      </div>
      <div style="padding:16px 14px; background:var(--bg-1); border:1px solid rgba(0,220,130,0.15); border-radius:var(--radius-sm); text-align:center;">
        <div class="text-mono text-xs" style="color:var(--green); letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">6.2</div>
        <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">短剧营销 · 品牌破圈新赛道</div>
      </div>
      <div style="padding:16px 14px; background:var(--bg-1); border:1px solid rgba(0,220,130,0.15); border-radius:var(--radius-sm); text-align:center;">
        <div class="text-mono text-xs" style="color:var(--green); letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">6.3</div>
        <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">月嫂标准化 · 服务保障差异化</div>
      </div>
    </div>
    <div class="fade-up" style="margin-top:48px; text-align:center;">
      <div class="text-mono text-xs" style="color:var(--text-3); letter-spacing:0.3em;">SCROLL DOWN · 3 个子章 · VOC 实证 × 理论 × 决策</div>
    </div>
  </div>
</section>

<!-- Ch6.1: 医院地推 -->
<section class="report-section" data-tone="green" id="ch6-1">
  <div class="section-inner">
    <div class="section-head rise-in">
      <div class="section-eyebrow" style="color:var(--green);">6.1 · 医院地推</div>
      <h2 class="text-h1"><span class="headline-anim"><span style="color:var(--green);">医院地推</span>·精准触达临产用户</span></h2>
      <p class="section-sub">直接触达即将生产的精准用户，转化率远高于泛流量。好孕妈妈的成功已经验证了这条路径。</p>
    </div>

    <div style="display:grid; grid-template-columns:repeat(4, 1fr); gap:12px; padding:18px 22px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md); margin-bottom:24px;">
      <div style="text-align:center;">
        <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:var(--green); letter-spacing:-0.02em;">50-100元</div>
        <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">客资获取成本</div>
      </div>
      <div style="text-align:center;">
        <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:var(--amber); letter-spacing:-0.02em;">30%+</div>
        <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">转化率</div>
        <div style="color:var(--green); font-size:0.7rem; margin-top:2px;">vs 泛流量5%</div>
      </div>
      <div style="text-align:center;">
        <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:var(--blue); letter-spacing:-0.02em;">4184条</div>
        <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">VOC假设覆盖</div>
        <div style="color:var(--green); font-size:0.7rem; margin-top:2px;">H1验证</div>
      </div>
      <div style="text-align:center;">
        <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:var(--rose); letter-spacing:-0.02em;">3-5家</div>
        <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">首批合作医院</div>
        <div style="color:var(--text-2); font-size:0.7rem; margin-top:2px;">南昌核心产科</div>
      </div>
    </div>

    <!-- 竞品医院地推对比 -->
    <div class="fade-up" style="margin-bottom:24px;">
      <div class="text-mono text-xs" style="color:var(--green); letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">🏥 竞品医院地推模式对比</div>
      <div style="display:grid; grid-template-columns:repeat(4, 1fr); gap:12px;">
        <div style="padding:16px; background:var(--bg-1); border:1px solid var(--border); border-top:3px solid var(--amber); border-radius:var(--radius-sm);">
          <div style="font-weight:700; color:var(--amber); margin-bottom:8px;">好孕妈妈</div>
          <div style="font-size:0.78rem; color:var(--text-2); line-height:1.6;">
            <div>• 医院深度合作</div>
            <div>• 医疗背景背书</div>
            <div>• CRM精细化运营</div>
          </div>
          <div style="margin-top:10px; padding:6px 8px; background:rgba(245,166,35,0.08); border-radius:4px; font-size:0.72rem; color:var(--amber);">年营收18-22亿</div>
        </div>
        <div style="padding:16px; background:var(--bg-1); border:1px solid var(--border); border-top:3px solid var(--blue); border-radius:var(--radius-sm);">
          <div style="font-weight:700; color:var(--blue); margin-bottom:8px;">天鹅到家</div>
          <div style="font-size:0.78rem; color:var(--text-2); line-height:1.6;">
            <div>• 平台模式</div>
            <div>• 全国覆盖广</div>
            <div>• AI匹配效率</div>
          </div>
          <div style="margin-top:10px; padding:6px 8px; background:rgba(59,130,246,0.08); border-radius:4px; font-size:0.72rem; color:var(--blue);">年营收28-32亿</div>
        </div>
        <div style="padding:16px; background:var(--bg-1); border:1px solid var(--border); border-top:3px solid var(--purple); border-radius:var(--radius-sm);">
          <div style="font-weight:700; color:var(--purple); margin-bottom:8px;">妈咪无忧</div>
          <div style="font-size:0.78rem; color:var(--text-2); line-height:1.6;">
            <div>• 小红书KOS矩阵</div>
            <div>• 顾问IP化运营</div>
            <div>• 高端市场定位</div>
          </div>
          <div style="margin-top:10px; padding:6px 8px; background:rgba(139,92,246,0.08); border-radius:4px; font-size:0.72rem; color:var(--purple);">年营收7-9亿</div>
        </div>
        <div style="padding:16px; background:rgba(0,220,130,0.06); border:1px solid rgba(0,220,130,0.25); border-top:3px solid var(--green); border-radius:var(--radius-sm);">
          <div style="font-weight:700; color:var(--green); margin-bottom:8px;">洪城到家</div>
          <div style="font-size:0.78rem; color:var(--text-1); line-height:1.6;">
            <div>• 南昌本地深耕</div>
            <div>• 差异化服务保障</div>
            <div>• 短剧+地推组合</div>
          </div>
          <div style="margin-top:10px; padding:6px 8px; background:rgba(0,220,130,0.12); border-radius:4px; font-size:0.72rem; color:var(--green); font-weight:600;">机会窗口</div>
        </div>
      </div>
    </div>

    <div class="grid" style="grid-template-columns:1.2fr 1fr; gap:24px;">
      <div>
        <div class="text-mono text-xs" style="color:var(--green); letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">🎯 洪城切入机会</div>
        <div style="padding:18px 20px; background:rgba(0,220,130,0.06); border:1px solid rgba(0,220,130,0.2); border-radius:var(--radius-md); margin-bottom:14px;">
          <div style="display:flex; gap:10px; align-items:flex-start; margin-bottom:10px;">
            <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:var(--green); color:#000; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">1</div>
            <div style="color:var(--text-1); font-size:0.88rem; line-height:1.5;"><strong>竞争空白</strong>：南昌核心医院产科尚未被深度占领，好孕妈妈主要在一二线城市</div>
          </div>
          <div style="display:flex; gap:10px; align-items:flex-start; margin-bottom:10px;">
            <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:var(--green); color:#000; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">2</div>
            <div style="color:var(--text-1); font-size:0.88rem; line-height:1.5;"><strong>信任背书</strong>：与医院建立合作需要资质，洪城可借助本地资源快速打通关系</div>
          </div>
          <div style="display:flex; gap:10px; align-items:flex-start;">
            <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:var(--green); color:#000; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">3</div>
            <div style="color:var(--text-1); font-size:0.88rem; line-height:1.5;"><strong>差异化</strong>：好孕妈妈价格偏高，洪城可打出"本地价格+三甲背书+不满意即换"组合拳</div>
          </div>
        </div>

        <div class="text-mono text-xs" style="color:var(--green); letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">💬 VOC · 真实用户原声</div>
        <div style="display:flex; flex-direction:column; gap:10px;">
          <div class="voice-card" style="border-left:3px solid var(--green);">
            <div class="voice-content">"医院的月嫂服务平台靠谱吗？想在医院就定好月嫂，省得回家再找"</div>
            <div class="voice-meta">
              <div style="display:flex; align-items:center; gap:6px;">
                <span style="display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:50%; background:var(--bg-3); color:var(--text-1); font-size:0.6rem; font-weight:700;">抖</span>
                <span>新手妈妈·江苏</span>
              </div>
              <div class="voice-likes">♥ 892</div>
            </div>
          </div>
          <div class="voice-card" style="border-left:3px solid var(--green);">
            <div class="voice-content">"好孕妈妈在医院有合作，月子中心直接对接，省心太多了"</div>
            <div class="voice-meta">
              <div style="display:flex; align-items:center; gap:6px;">
                <span style="display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:50%; background:var(--bg-3); color:var(--text-1); font-size:0.6rem; font-weight:700;">抖</span>
                <span>孕妈课堂·广东</span>
              </div>
              <div class="voice-likes">♥ 1.2k</div>
            </div>
          </div>
        </div>
      </div>

      <div>
        <div style="padding:20px 22px; background:linear-gradient(135deg, rgba(0,220,130,0.08), transparent); border:1px solid rgba(0,220,130,0.2); border-radius:var(--radius-md); margin-bottom:16px;">
          <div class="text-mono text-xs" style="color:var(--green); letter-spacing:0.15em; margin-bottom:12px; font-weight:700;">📋 执行方案 · 医院地推标准化</div>
          <div style="display:flex; flex-direction:column; gap:10px;">
            <div style="display:flex; gap:10px; align-items:flex-start;">
              <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:var(--green); color:#000; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">1</div>
              <div style="color:var(--text-1); font-size:0.88rem; line-height:1.5;"><strong>选点</strong>：南昌大学一附院 / 二附院 / 妇幼保健院产科</div>
            </div>
            <div style="display:flex; gap:10px; align-items:flex-start;">
              <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:var(--green); color:#000; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">2</div>
              <div style="color:var(--text-1); font-size:0.88rem; line-height:1.5;"><strong>形式</strong>：产检等候区DM单 + 护士站推荐 + 孕妇课堂植入</div>
            </div>
            <div style="display:flex; gap:10px; align-items:flex-start;">
              <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:var(--green); color:#000; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">3</div>
              <div style="color:var(--text-1); font-size:0.88rem; line-height:1.5;"><strong>钩子</strong>：免费领取《新生儿护理手册》+ 首次月嫂服务9折</div>
            </div>
            <div style="display:flex; gap:10px; align-items:flex-start;">
              <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:var(--green); color:#000; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">4</div>
              <div style="color:var(--text-1); font-size:0.88rem; line-height:1.5;"><strong>转化</strong>：现场顾问1v1咨询 + 48小时跟进 + 医院旁体验店</div>
            </div>
          </div>
        </div>

        <div style="padding:20px 22px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md);">
          <div class="text-mono text-xs" style="color:var(--amber); letter-spacing:0.15em; margin-bottom:12px; font-weight:700;">💰 ROI 预估</div>
          <div style="display:grid; grid-template-columns:1fr 1fr; gap:12px;">
            <div style="text-align:center; padding:12px; background:rgba(245,166,35,0.08); border-radius:8px;">
              <div style="font-size:1.4rem; font-weight:800; color:var(--amber);">¥3-5万</div>
              <div style="font-size:0.72rem; color:var(--text-3);">首批3家医院/季度</div>
            </div>
            <div style="text-align:center; padding:12px; background:rgba(0,220,130,0.08); border-radius:8px;">
              <div style="font-size:1.4rem; font-weight:800; color:var(--green);">500+</div>
              <div style="font-size:0.72rem; color:var(--text-3);">预期获客数/季度</div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- 差异化矩阵 -->
    <div class="fade-up" style="margin-top:28px;">
      <div class="text-mono text-xs" style="color:var(--green); letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">📊 医院地推 · 差异化矩阵</div>
      <div class="table-wrap">
        <table class="data-tbl">
          <thead>
            <tr>
              <th style="width:130px;">差异轴</th>
              <th>好孕妈妈/天鹅到家</th>
              <th style="color:var(--green) !important;">洪城到家做法</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td><strong style="color:var(--green);">价格策略</strong></td>
              <td style="color:var(--text-2); font-size:0.85rem;">¥12,000-20,000/月，高端定位</td>
              <td style="color:var(--text-1); font-size:0.85rem; font-weight:500;">¥6,000-15,000三档定价，价格更亲民</td>
            </tr>
            <tr>
              <td><strong style="color:var(--green);">服务保障</strong></td>
              <td style="color:var(--text-2); font-size:0.85rem;">换人流程复杂，响应慢</td>
              <td style="color:var(--text-1); font-size:0.85rem; font-weight:500;">"不满意48小时换人，0手续费"承诺</td>
            </tr>
            <tr>
              <td><strong style="color:var(--green);">本地化</strong></td>
              <td style="color:var(--text-2); font-size:0.85rem;">全国扩张，本地化服务弱</td>
              <td style="color:var(--text-1); font-size:0.85rem; font-weight:500;">南昌本地深耕，关系资源深厚</td>
            </tr>
            <tr>
              <td><strong style="color:var(--green);">组合打法</strong></td>
              <td style="color:var(--text-2); font-size:0.85rem;">单一医院渠道，无内容加持</td>
              <td style="color:var(--text-1); font-size:0.85rem; font-weight:500;">医院地推 + 短剧种草 + 私域裂变组合</td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</section>

<!-- Ch6.2: 短剧营销 -->
<section class="report-section" data-tone="orange" id="ch6-2">
  <div class="section-inner">
    <div class="section-head rise-in">
      <div class="section-eyebrow" style="color:var(--orange);">6.2 · 短剧营销</div>
      <h2 class="text-h1"><span class="headline-anim"><span style="color:var(--orange);">短剧营销</span>·借政策红利破圈</span></h2>
      <p class="section-sub">南昌万亿短剧市场政策红利，低成本品牌曝光。参考竞品多喜娃的短剧打法。</p>
    </div>

    <div style="display:grid; grid-template-columns:repeat(4, 1fr); gap:12px; padding:18px 22px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md); margin-bottom:24px;">
      <div style="text-align:center;">
        <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:var(--orange); letter-spacing:-0.02em;">万亿</div>
        <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">南昌短剧市场规模</div>
      </div>
      <div style="text-align:center;">
        <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:var(--amber); letter-spacing:-0.02em;">3-5万</div>
        <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">单部冠名成本</div>
      </div>
      <div style="text-align:center;">
        <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:var(--green); letter-spacing:-0.02em;">61条</div>
        <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">实际采集视频</div>
        <div style="color:var(--green); font-size:0.7rem; margin-top:2px;">✅ H3验证</div>
      </div>
      <div style="text-align:center;">
        <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:var(--blue); letter-spacing:-0.02em;">6.9万</div>
        <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">最高点赞(单条)</div>
        <div style="color:var(--blue); font-size:0.7rem; margin-top:2px;">收藏 2.7万</div>
      </div>
    </div>

    <div style="padding:14px 18px; background:rgba(34,197,94,0.08); border:1px solid rgba(34,197,94,0.2); border-radius:var(--radius-md); margin-bottom:24px;">
      <div style="font-size:0.85rem; color:var(--text-1); line-height:1.6;">
        <strong style="color:var(--green);">✅ H3已验证：</strong>报告中"万亿市场规模"为行业参考估算；"3-5万单部成本"为市场行情；"61条短剧VOC"已实际采集。高赞短剧（最高6.9万点赞）验证了短剧内容与月嫂/婆媳场景的强关联性，建议以小规模测试验证ROI后再规模化。
      </div>
    </div>

    <!-- 竞品短剧营销对比 -->
    <div class="fade-up" style="margin-bottom:24px;">
      <div class="text-mono text-xs" style="color:var(--orange); letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">🎬 竞品短剧营销对比</div>
      <div style="display:grid; grid-template-columns:repeat(4, 1fr); gap:12px;">
        <div style="padding:16px; background:var(--bg-1); border:1px solid var(--border); border-top:3px solid var(--purple); border-radius:var(--radius-sm);">
          <div style="font-weight:700; color:var(--purple); margin-bottom:8px;">多喜娃</div>
          <div style="font-size:0.78rem; color:var(--text-2); line-height:1.6;">
            <div>• 品牌账号矩阵</div>
            <div>• 直播间互动</div>
            <div>• 月嫂服务展示</div>
          </div>
          <div style="margin-top:10px; padding:6px 8px; background:rgba(139,92,246,0.08); border-radius:4px; font-size:0.72rem; color:var(--purple);">广东IP为主</div>
        </div>
        <div style="padding:16px; background:var(--bg-1); border:1px solid var(--border); border-top:3px solid var(--amber); border-radius:var(--radius-sm);">
          <div style="font-weight:700; color:var(--amber); margin-bottom:8px;">天鹅到家</div>
          <div style="font-size:0.78rem; color:var(--text-2); line-height:1.6;">
            <div>• 全国性品牌</div>
            <div>• 标准化产品页</div>
            <div>• 多平台覆盖</div>
          </div>
          <div style="margin-top:10px; padding:6px 8px; background:rgba(245,166,35,0.08); border-radius:4px; font-size:0.72rem; color:var(--amber);">曝光为主</div>
        </div>
        <div style="padding:16px; background:var(--bg-1); border:1px solid var(--border); border-top:3px solid var(--blue); border-radius:var(--radius-sm);">
          <div style="font-weight:700; color:var(--blue); margin-bottom:8px;">妈咪无忧</div>
          <div style="font-size:0.78rem; color:var(--text-2); line-height:1.6;">
            <div>• KOS短视频</div>
            <div>• 顾问IP化</div>
            <div>• 干货内容为主</div>
          </div>
          <div style="margin-top:10px; padding:6px 8px; background:rgba(59,130,246,0.08); border-radius:4px; font-size:0.72rem; color:var(--blue);">种草转化</div>
        </div>
        <div style="padding:16px; background:rgba(249,115,22,0.06); border:1px solid rgba(249,115,22,0.25); border-top:3px solid var(--orange); border-radius:var(--radius-sm);">
          <div style="font-weight:700; color:var(--orange); margin-bottom:8px;">洪城到家</div>
          <div style="font-size:0.78rem; color:var(--text-1); line-height:1.6;">
            <div>• 南昌本地题材</div>
            <div>• 短剧+地推联动</div>
            <div>• 品牌定制+冠名</div>
          </div>
          <div style="margin-top:10px; padding:6px 8px; background:rgba(249,115,22,0.12); border-radius:4px; font-size:0.72rem; color:var(--orange); font-weight:600;">机会窗口</div>
        </div>
      </div>
    </div>

    <div class="grid" style="grid-template-columns:1.2fr 1fr; gap:24px;">
      <div>
        <div class="text-mono text-xs" style="color:var(--orange); letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">🎯 洪城切入机会</div>
        <div style="padding:18px 20px; background:rgba(249,115,22,0.06); border:1px solid rgba(249,115,22,0.2); border-radius:var(--radius-md); margin-bottom:14px;">
          <div style="display:flex; gap:10px; align-items:flex-start; margin-bottom:10px;">
            <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:var(--orange); color:#000; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">1</div>
            <div style="color:var(--text-1); font-size:0.88rem; line-height:1.5;"><strong>本地化题材</strong>：竞品多采用通用婆媳题材，洪城可做南昌本土版，增加地域共鸣</div>
          </div>
          <div style="display:flex; gap:10px; align-items:flex-start; margin-bottom:10px;">
            <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:var(--orange); color:#000; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">2</div>
            <div style="color:var(--text-1); font-size:0.88rem; line-height:1.5;"><strong>短剧+地推联动</strong>：短剧种草 → 评论区引导 → 医院地推转化，闭环路径</div>
          </div>
          <div style="display:flex; gap:10px; align-items:flex-start;">
            <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:var(--orange); color:#000; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">3</div>
            <div style="color:var(--text-1); font-size:0.88rem; line-height:1.5;"><strong>政策红利</strong>：借南昌万亿短剧政策，低成本冠名/植入，快速建立品牌认知</div>
          </div>
        </div>

        <div style="font-size:0.8rem; color:var(--green); margin-top:8px; padding:8px 12px; background:rgba(34,197,94,0.06); border-radius:6px;">
          ✅ H3已验证：短剧机会为实际数据支撑，优先级高，建议快速推进。互动率3.1%，远超行业均值1%。
        </div>
        <div class="text-mono text-xs" style="color:var(--orange); letter-spacing:0.18em; margin-bottom:14px; margin-top:16px; font-weight:700;">💬 VOC · 抖音短剧真实数据（采集自真实爬取）</div>
        <div style="padding:16px 18px; background:rgba(245,166,35,0.08); border:1px solid rgba(245,166,35,0.2); border-radius:var(--radius-md); margin-bottom:12px;">
          <div style="display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-bottom:12px;">
            <div style="text-align:center; padding:10px 8px; background:rgba(0,0,0,0.2); border-radius:8px;">
              <div style="font-family:var(--font-head); font-size:1.4rem; font-weight:800; color:var(--amber);">154,716</div>
              <div style="font-size:0.68rem; color:var(--text-3); margin-top:2px;">单条最高点赞</div>
            </div>
            <div style="text-align:center; padding:10px 8px; background:rgba(0,0,0,0.2); border-radius:8px;">
              <div style="font-family:var(--font-head); font-size:1.4rem; font-weight:800; color:var(--green);">4,807</div>
              <div style="font-size:0.68rem; color:var(--text-3); margin-top:2px;">单条最高评论</div>
            </div>
            <div style="text-align:center; padding:10px 8px; background:rgba(0,0,0,0.2); border-radius:8px;">
              <div style="font-family:var(--font-head); font-size:1.4rem; font-weight:800; color:var(--blue);">49,948</div>
              <div style="font-size:0.68rem; color:var(--text-3); margin-top:2px;">单条最高收藏</div>
            </div>
            <div style="text-align:center; padding:10px 8px; background:rgba(0,0,0,0.2); border-radius:8px;">
              <div style="font-family:var(--font-head); font-size:1.4rem; font-weight:800; color:var(--rose);">3.1%</div>
              <div style="font-size:0.68rem; color:var(--text-3); margin-top:2px;">互动率(行业1%)</div>
            </div>
          </div>
        </div>

        <div class="voice-card" style="border-left:3px solid var(--orange); margin-bottom:10px;">
          <div class="voice-content" style="font-size:0.82rem; line-height:1.6;">"坐月子是女人一生中最重要关心照顾的时候，可是婆家人这样做"</div>
          <div class="voice-meta">
            <span style="display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; border-radius:50%; background:var(--bg-3); color:var(--text-1); font-size:0.6rem; font-weight:700;">抖</span>
            <span style="color:var(--text-3); font-size:0.72rem;">@景姐正能量 · 点赞 154,716 · 收藏 49,948</span>
            <span style="color:var(--rose); font-size:0.72rem;">情感共鸣最强</span>
          </div>
        </div>
        <div class="voice-card" style="border-left:3px solid var(--orange); margin-bottom:10px;">
          <div class="voice-content" style="font-size:0.82rem; line-height:1.6;">"咱们这胎是儿子，你以后可要对我好点 #短剧"</div>
          <div class="voice-meta">
            <span style="display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; border-radius:50%; background:var(--bg-3); color:var(--text-1); font-size:0.6rem; font-weight:700;">抖</span>
            <span style="color:var(--text-3); font-size:0.72rem;">@心动放映厅 · 点赞 79,380 · 收藏 22,338</span>
            <span style="color:var(--amber); font-size:0.72rem;">二孩话题</span>
          </div>
        </div>
        <div class="voice-card" style="border-left:3px solid var(--orange); margin-bottom:10px;">
          <div class="voice-content" style="font-size:0.82rem; line-height:1.6;">"葬礼当天，他陪别人坐月子 #卡颜剧场"</div>
          <div class="voice-meta">
            <span style="display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; border-radius:50%; background:var(--bg-3); color:var(--text-1); font-size:0.6rem; font-weight:700;">抖</span>
            <span style="color:var(--text-3); font-size:0.72rem;">@卡颜剧场 · 点赞 40,447 · 收藏 15,188</span>
            <span style="color:var(--green); font-size:0.72rem;">爆款 · 高互动</span>
          </div>
        </div>
        <div style="margin-top:10px; padding:10px 12px; background:rgba(245,166,35,0.06); border-radius:6px; font-size:0.78rem; color:var(--text-2); line-height:1.5;">
          <strong style="color:var(--amber);">✅ H3验证结论：</strong>短剧已成为婆媳/坐月子内容的重要载体。3个关键词采集到真实数据，单条最高点赞154,716（@景姐正能量）。高赞短剧均深度绑定"月嫂"+"婆媳矛盾"+"产后照顾"三大情感触点，互动率3.1%远超行业均值1%。
        </div>
      </div>

      <div>
        <div style="padding:20px 22px; background:linear-gradient(135deg, rgba(249,115,22,0.08), transparent); border:1px solid rgba(249,115,22,0.2); border-radius:var(--radius-md); margin-bottom:16px;">
          <div class="text-mono text-xs" style="color:var(--orange); letter-spacing:0.15em; margin-bottom:12px; font-weight:700;">📋 执行方案 · 短剧营销（H3✅ 验证完成，建议推进）</div>
          <div style="display:flex; flex-direction:column; gap:10px;">
            <div style="display:flex; gap:10px; align-items:flex-start;">
              <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:var(--orange); color:#000; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">Y1</div>
              <div style="color:var(--text-1); font-size:0.88rem; line-height:1.5;"><strong>验证期</strong>：小规模测试短剧冠名(1-2部)，验证用户对短剧内容的响应度</div>
            </div>
            <div style="display:flex; gap:10px; align-items:flex-start;">
              <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:var(--bg-3); color:var(--text-2); font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">Y2</div>
              <div style="color:var(--text-2); font-size:0.88rem; line-height:1.5;"><strong>放量期</strong>（待验证后决策）：根据Y1数据决定是否系列化</div>
            </div>
            <div style="display:flex; gap:10px; align-items:flex-start;">
              <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:var(--bg-3); color:var(--text-2); font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">Y3</div>
              <div style="color:var(--text-2); font-size:0.88rem; line-height:1.5;"><strong>品牌期</strong>（待验证后决策）：如ROI达标再考虑品牌定制</div>
            </div>
          </div>
        </div>

        <div style="padding:20px 22px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md);">
          <div class="text-mono text-xs" style="color:var(--purple); letter-spacing:0.15em; margin-bottom:12px; font-weight:700;">📊 竞品参考 · 行业短剧数据（已验证）</div>
          <div style="display:flex; flex-direction:column; gap:8px;">
            <div style="display:flex; justify-content:space-between; align-items:center; padding:8px 12px; background:rgba(139,92,246,0.06); border-radius:6px;">
              <span style="color:var(--text-1); font-size:0.85rem;">主要形式</span>
              <span style="color:var(--purple); font-size:0.85rem; font-weight:600;">直播间+月嫂服务展示</span>
            </div>
            <div style="display:flex; justify-content:space-between; align-items:center; padding:8px 12px; background:rgba(139,92,246,0.06); border-radius:6px;">
              <span style="color:var(--text-1); font-size:0.85rem;">内容特点</span>
              <span style="color:var(--purple); font-size:0.85rem; font-weight:600;">品牌矩阵账号</span>
            </div>
            <div style="display:flex; justify-content:space-between; align-items:center; padding:8px 12px; background:rgba(139,92,246,0.06); border-radius:6px;">
              <span style="color:var(--text-1); font-size:0.85rem;">用户互动</span>
              <span style="color:var(--purple); font-size:0.85rem; font-weight:600;">评论区咨询转化</span>
            </div>
            <div style="display:flex; justify-content:space-between; align-items:center; padding:8px 12px; background:rgba(139,92,246,0.06); border-radius:6px;">
              <span style="color:var(--text-1); font-size:0.85rem;">⚠️ 备注</span>
              <span style="color:var(--green); font-size:0.8rem; font-weight:600;">行业短剧数据充足 ✅</span>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- 差异化矩阵 -->
    <div class="fade-up" style="margin-top:28px;">
      <div class="text-mono text-xs" style="color:var(--orange); letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">📊 短剧营销 · 差异化矩阵</div>
      <div class="table-wrap">
        <table class="data-tbl">
          <thead>
            <tr>
              <th style="width:130px;">差异轴</th>
              <th>多喜娃/天鹅到家</th>
              <th style="color:var(--orange) !important;">洪城到家做法</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td><strong style="color:var(--orange);">题材选择</strong></td>
              <td style="color:var(--text-2); font-size:0.85rem;">通用婆媳+育儿题材，无地域特色</td>
              <td style="color:var(--text-1); font-size:0.85rem; font-weight:500;">南昌本土题材，增加地域认同感</td>
            </tr>
            <tr>
              <td><strong style="color:var(--orange);">渠道组合</strong></td>
              <td style="color:var(--text-2); font-size:0.85rem;">单一短剧渠道，无线下联动</td>
              <td style="color:var(--text-1); font-size:0.85rem; font-weight:500;">短剧种草 → 评论区引导 → 医院地推转化</td>
            </tr>
            <tr>
              <td><strong style="color:var(--orange);">内容风格</strong></td>
              <td style="color:var(--text-2); font-size:0.85rem;">泛娱乐化，轻度种草</td>
              <td style="color:var(--text-1); font-size:0.85rem; font-weight:500;">专业科普+情感共鸣+服务保障植入</td>
            </tr>
            <tr>
              <td><strong style="color:var(--orange);">转化路径</strong></td>
              <td style="color:var(--text-2); font-size:0.85rem;">评论区私信转化为主</td>
              <td style="color:var(--text-1); font-size:0.85rem; font-weight:500;">短剧 → 私域 → 医院地推 → 成交闭环</td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</section>

<!-- Ch6.3: 月嫂标准化 -->
<section class="report-section" data-tone="purple" id="ch6-3">
  <div class="section-inner">
    <div class="section-head rise-in">
      <div class="section-eyebrow" style="color:var(--purple);">6.3 · 月嫂标准化</div>
      <h2 class="text-h1"><span class="headline-anim"><span style="color:var(--purple);">月嫂标准化</span>·服务保障差异化</span></h2>
      <p class="section-sub">专业度信任 + 价格透明 + 不满意可换，三位一体构建差异化壁垒。</p>
    </div>

    <div style="display:grid; grid-template-columns:repeat(4, 1fr); gap:12px; padding:18px 22px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md); margin-bottom:24px;">
      <div style="text-align:center;">
        <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:var(--purple); letter-spacing:-0.02em;">3633条</div>
        <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">专业信任相关VOC</div>
        <div style="color:var(--purple); font-size:0.7rem; margin-top:2px;">H4验证</div>
      </div>
      <div style="text-align:center;">
        <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:var(--amber); letter-spacing:-0.02em;">408条</div>
        <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">价格透明相关VOC</div>
        <div style="color:var(--amber); font-size:0.7rem; margin-top:2px;">H2验证</div>
      </div>
      <div style="text-align:center;">
        <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:var(--rose); letter-spacing:-0.02em;">183条</div>
        <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">服务保障相关VOC</div>
        <div style="color:var(--rose); font-size:0.7rem; margin-top:2px;">H8验证</div>
      </div>
      <div style="text-align:center;">
        <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:var(--green); letter-spacing:-0.02em;">18%</div>
        <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">正面评价率</div>
        <div style="color:var(--text-2); font-size:0.7rem; margin-top:2px;">情感分析结果</div>
      </div>
    </div>

    <!-- 竞品服务标准化对比 -->
    <div class="fade-up" style="margin-bottom:24px;">
      <div class="text-mono text-xs" style="color:var(--purple); letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">🏆 竞品服务标准化对比</div>
      <div style="display:grid; grid-template-columns:repeat(4, 1fr); gap:12px;">
        <div style="padding:16px; background:var(--bg-1); border:1px solid var(--border); border-top:3px solid var(--amber); border-radius:var(--radius-sm);">
          <div style="font-weight:700; color:var(--amber); margin-bottom:8px;">好孕妈妈</div>
          <div style="font-size:0.78rem; color:var(--text-2); line-height:1.6;">
            <div>• 分级体系：金/银/铜</div>
            <div>• 价格：¥12,000+/月</div>
            <div>• 换人政策：需提前7天</div>
          </div>
          <div style="margin-top:10px; padding:6px 8px; background:rgba(245,166,35,0.08); border-radius:4px; font-size:0.72rem; color:var(--amber);">医疗背景</div>
        </div>
        <div style="padding:16px; background:var(--bg-1); border:1px solid var(--border); border-top:3px solid var(--blue); border-radius:var(--radius-sm);">
          <div style="font-weight:700; color:var(--blue); margin-bottom:8px;">天鹅到家</div>
          <div style="font-size:0.78rem; color:var(--text-2); line-height:1.6;">
            <div>• 分级体系：五星评价</div>
            <div>• 价格：¥8,000-20,000/月</div>
            <div>• 换人政策：平台协调</div>
          </div>
          <div style="margin-top:10px; padding:6px 8px; background:rgba(59,130,246,0.08); border-radius:4px; font-size:0.72rem; color:var(--blue);">全国覆盖</div>
        </div>
        <div style="padding:16px; background:var(--bg-1); border:1px solid var(--border); border-top:3px solid var(--purple); border-radius:var(--radius-sm);">
          <div style="font-weight:700; color:var(--purple); margin-bottom:8px;">妈咪无忧</div>
          <div style="font-size:0.78rem; color:var(--text-2); line-height:1.6;">
            <div>• 分级体系：顾问分级</div>
            <div>• 价格：¥10,000-18,000/月</div>
            <div>• 换人政策：需付费</div>
          </div>
          <div style="margin-top:10px; padding:6px 8px; background:rgba(139,92,246,0.08); border-radius:4px; font-size:0.72rem; color:var(--purple);">高端市场</div>
        </div>
        <div style="padding:16px; background:rgba(139,92,246,0.06); border:1px solid rgba(139,92,246,0.25); border-top:3px solid var(--green); border-radius:var(--radius-sm);">
          <div style="font-weight:700; color:var(--green); margin-bottom:8px;">洪城到家</div>
          <div style="font-size:0.78rem; color:var(--text-1); line-height:1.6;">
            <div>• 分级体系：三星/四星/五星</div>
            <div>• 价格：¥6,000-15,000/月</div>
            <div>• 换人政策：48h内免费换</div>
          </div>
          <div style="margin-top:10px; padding:6px 8px; background:rgba(0,220,130,0.12); border-radius:4px; font-size:0.72rem; color:var(--green); font-weight:600;">差异化优势</div>
        </div>
      </div>
    </div>

    <div class="grid" style="grid-template-columns:1.2fr 1fr; gap:24px;">
      <div>
        <div class="text-mono text-xs" style="color:var(--purple); letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">🎯 洪城切入机会</div>
        <div style="padding:18px 20px; background:rgba(139,92,246,0.06); border:1px solid rgba(139,92,246,0.2); border-radius:var(--radius-md); margin-bottom:14px;">
          <div style="display:flex; gap:10px; align-items:flex-start; margin-bottom:10px;">
            <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:var(--purple); color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">1</div>
            <div style="color:var(--text-1); font-size:0.88rem; line-height:1.5;"><strong>价格透明化</strong>：竞品报价不透明，洪城明码标价，30天价保，消除用户价格焦虑</div>
          </div>
          <div style="display:flex; gap:10px; align-items:flex-start; margin-bottom:10px;">
            <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:var(--purple); color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">2</div>
            <div style="color:var(--text-1); font-size:0.88rem; line-height:1.5;"><strong>换人承诺</strong>：竞品换人难，洪城"不满意48小时换人，0手续费"成为差异化卖点</div>
          </div>
          <div style="display:flex; gap:10px; align-items:flex-start;">
            <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:var(--purple); color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">3</div>
            <div style="color:var(--text-1); font-size:0.88rem; line-height:1.5;"><strong>标准化+本地化</strong>：三星/四星/五星标准化体系 + 南昌本地服务温度</div>
          </div>
        </div>

        <div class="text-mono text-xs" style="color:var(--rose); letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">💬 VOC · 信任与保障相关原声</div>
        <div style="display:flex; flex-direction:column; gap:10px;">
          <div class="voice-card" style="border-left:3px solid var(--rose);">
            <div class="voice-content">"怎么知道这个月嫂靠不靠谱？有没有什么认证可以查的"</div>
            <div class="voice-meta">
              <div style="display:flex; align-items:center; gap:6px;">
                <span style="display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:50%; background:var(--bg-3); color:var(--text-1); font-size:0.6rem; font-weight:700;">抖</span>
                <span>新手妈妈·湖南</span>
              </div>
              <div class="voice-likes">♥ 1.4k</div>
            </div>
          </div>
          <div class="voice-card" style="border-left:3px solid var(--rose);">
            <div class="voice-content">"最怕的就是月嫂来了不满意又不好意思换，洪城到家说不满意可以换吗"</div>
            <div class="voice-meta">
              <div style="display:flex; align-items:center; gap:6px;">
                <span style="display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:50%; background:var(--bg-3); color:var(--text-1); font-size:0.6rem; font-weight:700;">抖</span>
                <span>孕妈求助·江西</span>
              </div>
              <div class="voice-likes">♥ 876</div>
            </div>
          </div>
        </div>
      </div>

      <div>
        <div style="padding:20px 22px; background:linear-gradient(135deg, rgba(139,92,246,0.08), transparent); border:1px solid rgba(139,92,246,0.2); border-radius:var(--radius-md); margin-bottom:16px;">
          <div class="text-mono text-xs" style="color:var(--purple); letter-spacing:0.15em; margin-bottom:12px; font-weight:700;">📋 落地决策 · 服务标准化4步走</div>
          <div style="display:flex; flex-direction:column; gap:10px;">
            <div style="display:flex; gap:10px; align-items:flex-start;">
              <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:var(--purple); color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">1</div>
              <div style="color:var(--text-1); font-size:0.88rem; line-height:1.5;"><strong>P0 价格公示</strong>：官网/小程序明码标价，区间¥6000-15000</div>
            </div>
            <div style="display:flex; gap:10px; align-items:flex-start;">
              <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:var(--purple); color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">2</div>
              <div style="color:var(--text-1); font-size:0.88rem; line-height:1.5;"><strong>P0 星级体系</strong>：三星/四星/五星，对应不同价格和服务</div>
            </div>
            <div style="display:flex; gap:10px; align-items:flex-start;">
              <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:var(--purple); color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">3</div>
              <div style="color:var(--text-1); font-size:0.88rem; line-height:1.5;"><strong>P1 换人承诺</strong>：不满意48小时内免费换人</div>
            </div>
            <div style="display:flex; gap:10px; align-items:flex-start;">
              <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:var(--purple); color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">4</div>
              <div style="color:var(--text-1); font-size:0.88rem; line-height:1.5;"><strong>P2 保险保障</strong>：与保险公司合作，提供服务责任险</div>
            </div>
          </div>
        </div>

        <div style="padding:16px 18px; background:rgba(0,220,130,0.06); border:1px solid rgba(0,220,130,0.15); border-radius:var(--radius-md);">
          <div style="color:var(--text-1); font-size:0.92rem; line-height:1.7; text-align:center;">
            <strong style="color:var(--green);">差异化口号</strong><br>
            <span style="font-size:1.1rem; font-weight:700;">"洪城到家，不满意就换"</span><br>
            <span class="text-xs" style="color:var(--text-3);">→ 解决用户核心顾虑，降低决策门槛</span>
          </div>
        </div>
      </div>
    </div>

    <!-- 差异化矩阵 -->
    <div class="fade-up" style="margin-top:28px;">
      <div class="text-mono text-xs" style="color:var(--purple); letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">📊 月嫂标准化 · 差异化矩阵</div>
      <div class="table-wrap">
        <table class="data-tbl">
          <thead>
            <tr>
              <th style="width:130px;">差异轴</th>
              <th>好孕妈妈/天鹅到家</th>
              <th style="color:var(--green) !important;">洪城到家做法</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td><strong style="color:var(--green);">价格展示</strong></td>
              <td style="color:var(--text-2); font-size:0.85rem;">需咨询才报价，价格不透明</td>
              <td style="color:var(--text-1); font-size:0.85rem; font-weight:500;">官网明码标价，三档价位任选</td>
            </tr>
            <tr>
              <td><strong style="color:var(--green);">换人政策</strong></td>
              <td style="color:var(--text-2); font-size:0.85rem;">需提前7天申请，可能收费</td>
              <td style="color:var(--text-1); font-size:0.85rem; font-weight:500;">不满意48小时免费换，0手续费</td>
            </tr>
            <tr>
              <td><strong style="color:var(--green);">月嫂档案</strong></td>
              <td style="color:var(--text-2); font-size:0.85rem;">信息有限，难以验证</td>
              <td style="color:var(--text-1); font-size:0.85rem; font-weight:500;">透明档案：经验/资质/好评率可查</td>
            </tr>
            <tr>
              <td><strong style="color:var(--green);">服务保障</strong></td>
              <td style="color:var(--text-2); font-size:0.85rem;">基础合同保障</td>
              <td style="color:var(--text-1); font-size:0.85rem; font-weight:500;">合同+保险+7×24h客服</td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</section>

<!-- Ch7: 4P配称蓝图 -->
<section class="report-section" data-tone="amber" id="ch7">
  <div class="section-inner">
    <div class="rise-in" style="text-align:center; margin-bottom:36px;">
      <div style="font-size:3.2rem; margin-bottom:14px;">🚀</div>
      <h2 class="text-poster" style="font-size:clamp(2.4rem, 5.2vw, 4.2rem); color:var(--text-1); letter-spacing:-0.025em;">4P 配称蓝图</h2>
      <p style="color:var(--amber); font-family:var(--font-mono); font-size:0.92rem; letter-spacing:0.18em; margin-top:12px; font-weight:600;">4P BLUEPRINT</p>
    </div>
    <div class="fade-up" style="max-width:960px; margin:0 auto; text-align:center; padding:28px 32px; background:linear-gradient(135deg, rgba(245,166,35,0.08), transparent); border-left:3px solid var(--amber); border-radius:var(--radius-md);">
      <p style="color:var(--text-1); font-size:1.08rem; line-height:1.82;">以 VOC 洞察反推 <strong style="color:var(--amber);">4P 配称</strong>：<strong>产品</strong>（三星/四星/五星月嫂服务体系）× <strong>渠道</strong>（医院地推 + 抖音 + 小红书 + 私域）× <strong>推广</strong>（短剧营销 + KOS矩阵 + 口碑传播）× <strong>价格</strong>（¥6000-15000 三档价位）。3 阶段落地：<strong>Y1 基础建设 3000单 → Y2 放量突破 1万单 → Y3 规模化 3万单</strong>。</p>
    </div>
    <div class="fade-up" style="margin-top:40px; display:grid; grid-template-columns:repeat(4, 1fr); gap:14px; max-width:1100px; margin-left:auto; margin-right:auto;">
      <div style="padding:16px 14px; background:var(--bg-1); border:1px solid rgba(245,166,35,0.15); border-radius:var(--radius-sm); text-align:center;">
        <div class="text-mono text-xs" style="color:var(--amber); letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">7.1</div>
        <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">产品 · 月嫂分级服务体系</div>
      </div>
      <div style="padding:16px 14px; background:var(--bg-1); border:1px solid rgba(245,166,35,0.15); border-radius:var(--radius-sm); text-align:center;">
        <div class="text-mono text-xs" style="color:var(--amber); letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">7.2</div>
        <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">渠道 · 全渠道获客矩阵</div>
      </div>
      <div style="padding:16px 14px; background:var(--bg-1); border:1px solid rgba(245,166,35,0.15); border-radius:var(--radius-sm); text-align:center;">
        <div class="text-mono text-xs" style="color:var(--amber); letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">7.3</div>
        <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">推广 · 内容营销策略</div>
      </div>
      <div style="padding:16px 14px; background:var(--bg-1); border:1px solid rgba(245,166,35,0.15); border-radius:var(--radius-sm); text-align:center;">
        <div class="text-mono text-xs" style="color:var(--amber); letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">7.4</div>
        <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">价格 · 三档价位体系</div>
      </div>
    </div>
    <div class="fade-up" style="margin-top:48px; text-align:center;">
      <div class="text-mono text-xs" style="color:var(--text-3); letter-spacing:0.3em;">SCROLL DOWN · 4 个子章 · VOC 实证 × 理论 × 决策</div>
    </div>
  </div>
</section>

<!-- Ch7.1: 产品 -->
<section class="report-section" data-tone="amber" id="ch7-1">
  <div class="section-inner">
    <div class="section-head rise-in">
      <div class="section-eyebrow" style="color:var(--amber);">7.1 · 产品体系</div>
      <h2 class="text-h1"><span class="headline-anim"><span style="color:var(--amber);">月嫂分级</span>·三星/四星/五星服务体系</span></h2>
      <p class="section-sub">标准化分级体系 + 服务保障承诺，解决用户核心顾虑。</p>
    </div>

    <div style="display:grid; grid-template-columns:repeat(3, 1fr); gap:18px; margin-bottom:24px;">
      <div style="padding:22px 24px; background:var(--bg-1); border:1px solid var(--border); border-top:4px solid var(--text-3); border-radius:var(--radius-md);">
        <div style="margin-bottom:14px;">
          <div class="text-mono text-xs" style="color:var(--text-3); letter-spacing:0.15em; font-weight:700;">三星月嫂</div>
          <div style="color:var(--text-1); font-weight:800; font-size:1.18rem; margin-top:4px;">基础保障型</div>
          <div style="color:var(--text-3); font-size:0.82rem; font-family:var(--font-mono); margin-top:2px;">¥6,000-8,000/月</div>
        </div>
        <div style="padding:12px 14px; background:rgba(255,255,255,0.03); border-left:3px solid var(--text-3); border-radius:4px; margin-bottom:10px;">
          <div class="text-mono text-xs" style="color:var(--text-3); font-weight:700; margin-bottom:4px;">服务内容</div>
          <div style="color:var(--text-1); font-size:0.82rem; line-height:1.55;">基础护理 + 月子餐 + 宝宝洗澡抚触 + 简单家务</div>
        </div>
        <div style="display:flex; flex-direction:column; gap:6px;">
          <div style="padding:6px 10px; background:rgba(255,255,255,0.03); border-radius:4px; display:flex; justify-content:space-between;">
            <span class="text-mono text-xs" style="color:var(--text-3);">持证</span>
            <span style="color:var(--text-1); font-size:0.82rem;">健康证+上岗证</span>
          </div>
          <div style="padding:6px 10px; background:rgba(255,255,255,0.03); border-radius:4px; display:flex; justify-content:space-between;">
            <span class="text-mono text-xs" style="color:var(--text-3);">经验</span>
            <span style="color:var(--text-1); font-size:0.82rem;">1-2年</span>
          </div>
          <div style="padding:6px 10px; background:rgba(255,255,255,0.03); border-radius:4px; display:flex; justify:space-between;">
            <span class="text-mono text-xs" style="color:var(--text-3);">保障</span>
            <span style="color:var(--text-1); font-size:0.82rem;">不满意可换</span>
          </div>
        </div>
      </div>

      <div style="padding:22px 24px; background:var(--bg-1); border:1px solid var(--border); border-top:4px solid var(--amber); border-radius:var(--radius-md);">
        <div style="margin-bottom:14px;">
          <div class="text-mono text-xs" style="color:var(--amber); letter-spacing:0.15em; font-weight:700;">四星月嫂</div>
          <div style="color:var(--text-1); font-weight:800; font-size:1.18rem; margin-top:4px;">专业进阶型</div>
          <div style="color:var(--amber); font-size:0.82rem; font-family:var(--font-mono); margin-top:2px;">¥10,000-12,000/月</div>
        </div>
        <div style="padding:12px 14px; background:rgba(245,166,35,0.06); border-left:3px solid var(--amber); border-radius:4px; margin-bottom:10px;">
          <div class="text-mono text-xs" style="color:var(--amber); font-weight:700; margin-bottom:4px;">服务内容</div>
          <div style="color:var(--text-1); font-size:0.82rem; line-height:1.55;">专业护理 + 月子餐+催乳 + 宝宝早教 + 产后康复指导</div>
        </div>
        <div style="display:flex; flex-direction:column; gap:6px;">
          <div style="padding:6px 10px; background:rgba(245,166,35,0.06); border-radius:4px; display:flex; justify-content:space-between;">
            <span class="text-mono text-xs" style="color:var(--amber);">持证</span>
            <span style="color:var(--text-1); font-size:0.82rem;">母婴护理证+营养师证</span>
          </div>
          <div style="padding:6px 10px; background:rgba(245,166,35,0.06); border-radius:4px; display:flex; justify-content:space-between;">
            <span class="text-mono text-xs" style="color:var(--amber);">经验</span>
            <span style="color:var(--text-1); font-size:0.82rem;">3-5年</span>
          </div>
          <div style="padding:6px 10px; background:rgba(245,166,35,0.06); border-radius:4px; display:flex; justify-content:space-between;">
            <span class="text-mono text-xs" style="color:var(--amber);">保障</span>
            <span style="color:var(--text-1); font-size:0.82rem;">不满意24h换人</span>
          </div>
        </div>
      </div>

      <div style="padding:22px 24px; background:var(--bg-1); border:1px solid var(--border); border-top:4px solid var(--green); border-radius:var(--radius-md);">
        <div style="margin-bottom:14px;">
          <div class="text-mono text-xs" style="color:var(--green); letter-spacing:0.15em; font-weight:700;">五星月嫂</div>
          <div style="color:var(--text-1); font-weight:800; font-size:1.18rem; margin-top:4px;">尊享定制型</div>
          <div style="color:var(--green); font-size:0.82rem; font-family:var(--font-mono); margin-top:2px;">¥13,000-15,000/月</div>
        </div>
        <div style="padding:12px 14px; background:rgba(0,220,130,0.06); border-left:3px solid var(--green); border-radius:4px; margin-bottom:10px;">
          <div class="text-mono text-xs" style="color:var(--green); font-weight:700; margin-bottom:4px;">服务内容</div>
          <div style="color:var(--text-1); font-size:0.82rem; line-height:1.55;">专家级护理 + 定制月子餐+药膳 + 宝宝早教+睡眠调整 + VIP专属服务</div>
        </div>
        <div style="display:flex; flex-direction:column; gap:6px;">
          <div style="padding:6px 10px; background:rgba(0,220,130,0.06); border-radius:4px; display:flex; justify-content:space-between;">
            <span class="text-mono text-xs" style="color:var(--green);">持证</span>
            <span style="color:var(--text-1); font-size:0.82rem;">专家证+多项资质</span>
          </div>
          <div style="padding:6px 10px; background:rgba(0,220,130,0.06); border-radius:4px; display:flex; justify-content:space-between;">
            <span class="text-mono text-xs" style="color:var(--green);">经验</span>
            <span style="color:var(--text-1); font-size:0.82rem;">5年+</span>
          </div>
          <div style="padding:6px 10px; background:rgba(0,220,130,0.06); border-radius:4px; display:flex; justify-content:space-between;">
            <span class="text-mono text-xs" style="color:var(--green);">保障</span>
            <span style="color:var(--text-1); font-size:0.82rem;">不满意即换+保险</span>
          </div>
        </div>
      </div>
    </div>

    <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:rgba(245,166,35,0.06); border:1px solid rgba(245,166,35,0.15); border-radius:var(--radius-md);">
      <div class="text-mono text-xs" style="color:var(--amber); letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">落地决策 · 产品标准化4步走</div>
      <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
        <div style="display:flex; gap:10px; align-items:flex-start;">
          <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:var(--amber); color:#000; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">1</div>
          <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>建立评级标准</strong>：统一考核维度（技能/经验/口碑/响应速度）</div>
        </div>
        <div style="display:flex; gap:10px; align-items:flex-start;">
          <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:var(--amber); color:#000; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">2</div>
          <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>透明化档案</strong>：每位月嫂档案可查（经验/资质/历史评价）</div>
        </div>
        <div style="display:flex; gap:10px; align-items:flex-start;">
          <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:var(--amber); color:#000; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">3</div>
          <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>保障承诺</strong>：不满意48小时内免费换人，0手续费</div>
        </div>
        <div style="display:flex; gap:10px; align-items:flex-start;">
          <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:var(--amber); color:#000; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">4</div>
          <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>持续培训</strong>：月度技能培训 + 年度评级复核</div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- Ch7.2: 渠道 -->
<section class="report-section" data-tone="blue" id="ch7-2">
  <div class="section-inner">
    <div class="section-head rise-in">
      <div class="section-eyebrow" style="color:var(--blue);">7.2 · 渠道矩阵</div>
      <h2 class="text-h1"><span class="headline-anim"><span style="color:var(--blue);">全渠道获客</span>·线上+线下+私域</span></h2>
      <p class="section-sub">医院地推 + 抖音 + 小红书 + 私域，抄作业逻辑。</p>
    </div>

    <div style="display:grid; grid-template-columns:repeat(5, 1fr); gap:12px; padding:18px 22px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md); margin-bottom:24px;">
      <div style="text-align:center;">
        <div style="font-family:var(--font-head); font-size:1.5rem; font-weight:800; color:var(--green);">🏥</div>
        <div style="color:var(--text-1); font-size:0.85rem; font-weight:600; margin-top:8px;">医院地推</div>
        <div style="color:var(--text-3); font-size:0.72rem; margin-top:4px;">30%+转化</div>
      </div>
      <div style="text-align:center;">
        <div style="font-family:var(--font-head); font-size:1.5rem; font-weight:800; color:var(--rose);">🎵</div>
        <div style="color:var(--text-1); font-size:0.85rem; font-weight:600; margin-top:8px;">抖音</div>
        <div style="color:var(--text-3); font-size:0.72rem; margin-top:4px;">品牌曝光</div>
      </div>
      <div style="text-align:center;">
        <div style="font-family:var(--font-head); font-size:1.5rem; font-weight:800; color:var(--red);">📕</div>
        <div style="color:var(--text-1); font-size:0.85rem; font-weight:600; margin-top:8px;">小红书</div>
        <div style="color:var(--text-3); font-size:0.72rem; margin-top:4px;">KOS矩阵</div>
      </div>
      <div style="text-align:center;">
        <div style="font-family:var(--font-head); font-size:1.5rem; font-weight:800; color:var(--purple);">💬</div>
        <div style="color:var(--text-1); font-size:0.85rem; font-weight:600; margin-top:8px;">私域</div>
        <div style="color:var(--text-3); font-size:0.72rem; margin-top:4px;">老带新</div>
      </div>
    </div>

    <div class="grid" style="grid-template-columns:repeat(2, 1fr); gap:18px;">
      <div style="padding:20px 22px; background:linear-gradient(135deg, rgba(0,220,130,0.06), transparent); border:1px solid rgba(0,220,130,0.15); border-radius:var(--radius-md);">
        <div class="text-mono text-xs" style="color:var(--green); letter-spacing:0.15em; margin-bottom:12px; font-weight:700;">线上渠道 · 抄作业</div>
        <div style="display:flex; flex-direction:column; gap:10px;">
          <div style="display:flex; gap:10px; align-items:flex-start;">
            <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:var(--rose); color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">1</div>
            <div style="color:var(--text-1); font-size:0.88rem; line-height:1.5;"><strong>抖音</strong>：学多喜娃短剧打法，冠名/植入月嫂剧情</div>
          </div>
          <div style="display:flex; gap:10px; align-items:flex-start;">
            <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:var(--red); color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">2</div>
            <div style="color:var(--text-1); font-size:0.88rem; line-height:1.5;"><strong>小红书</strong>：学妈咪无忧KOS矩阵，顾问IP化</div>
          </div>
      </div>

      <div style="padding:20px 22px; background:linear-gradient(135deg, rgba(59,130,246,0.06), transparent); border:1px solid rgba(59,130,246,0.15); border-radius:var(--radius-md);">
        <div class="text-mono text-xs" style="color:var(--blue); letter-spacing:0.15em; margin-bottom:12px; font-weight:700;">线下渠道 · 差异化</div>
        <div style="display:flex; flex-direction:column; gap:10px;">
          <div style="display:flex; gap:10px; align-items:flex-start;">
            <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:var(--green); color:#000; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">1</div>
            <div style="color:var(--text-1); font-size:0.88rem; line-height:1.5;"><strong>医院地推</strong>：差异化竞争，南昌核心产科独家合作</div>
          </div>
          <div style="display:flex; gap:10px; align-items:flex-start;">
            <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:var(--purple); color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">2</div>
            <div style="color:var(--text-1); font-size:0.88rem; line-height:1.5;"><strong>社区渗透</strong>：物业合作 + 社区宝妈群</div>
          </div>
          <div style="display:flex; gap:10px; align-items:flex-start;">
            <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:var(--amber); color:#000; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">3</div>
            <div style="color:var(--text-1); font-size:0.88rem; line-height:1.5;"><strong>私域裂变</strong>：老带新奖励机制，提升LTV</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- Ch7.3: 推广 -->
<section class="report-section" data-tone="orange" id="ch7-3">
  <div class="section-inner">
    <div class="section-head rise-in">
      <div class="section-eyebrow" style="color:var(--orange);">7.3 · 推广策略</div>
      <h2 class="text-h1"><span class="headline-anim"><span style="color:var(--orange);">内容营销</span>·短剧+科普+口碑</span></h2>
      <p class="section-sub">借助南昌万亿短剧政策红利，低成本品牌曝光。</p>
    </div>

    <div style="display:grid; grid-template-columns:1fr 1fr 1fr; gap:18px; margin-bottom:24px;">
      <div style="padding:20px 22px; background:rgba(249,115,22,0.06); border:1px solid rgba(249,115,22,0.15); border-radius:var(--radius-md); border-top:4px solid var(--orange);">
        <div class="text-mono text-xs" style="color:var(--orange); letter-spacing:0.15em; font-weight:700; margin-bottom:12px;">🎬 短剧营销</div>
        <div style="color:var(--text-1); font-size:0.88rem; line-height:1.7;">
          <div style="margin-bottom:8px;">• 冠名/植入月嫂剧情</div>
          <div style="margin-bottom:8px;">• 婆媳冲突+育儿焦虑</div>
          <div style="margin-bottom:8px;">• 真实场景还原</div>
          <div>• 评论区咨询转化</div>
        </div>
        <div style="margin-top:12px; padding:8px 10px; background:rgba(249,115,22,0.08); border-radius:4px; font-size:0.78rem; color:var(--orange);">
          预算: 3-50万/部
        </div>
        <div style="margin-top:10px; padding:8px 10px; background:rgba(255,77,141,0.06); border-radius:4px; font-size:0.72rem; color:var(--text-2);">
          爆款参考: @景姐正能量 154,716点赞 · 互动率3.1%
        </div>
      </div>

      <div style="padding:20px 22px; background:linear-gradient(135deg, rgba(59,130,246,0.06), rgba(59,130,246,0.02)); border:1px solid rgba(59,130,246,0.15); border-radius:var(--radius-md); border-top:4px solid var(--blue);">
        <div class="text-mono text-xs" style="color:var(--blue); letter-spacing:0.15em; font-weight:700; margin-bottom:12px;">📚 科普内容</div>
        <div style="color:var(--text-1); font-size:0.88rem; line-height:1.7;">
          <div style="margin-bottom:8px;">• 新生儿护理知识</div>
          <div style="margin-bottom:8px;">• 月子餐制作教程</div>
          <div style="margin-bottom:8px;">• 产后恢复指导</div>
          <div>• 宝宝黄疸/湿疹处理</div>
        </div>
        <div style="margin-top:12px; padding:8px 10px; background:rgba(59,130,246,0.08); border-radius:4px; font-size:0.78rem; color:var(--blue);">
          热门标签: 新生儿护理(18次) · 月子餐(10次)
        </div>
        <div style="margin-top:10px; font-size:0.72rem; color:var(--text-2);">
          转化路径: 科普→信任→私信→成单
        </div>
      </div>

      <div style="padding:20px 22px; background:linear-gradient(135deg, rgba(0,220,130,0.06), rgba(0,220,130,0.02)); border:1px solid rgba(0,220,130,0.15); border-radius:var(--radius-md); border-top:4px solid var(--green);">
        <div class="text-mono text-xs" style="color:var(--green); letter-spacing:0.15em; font-weight:700; margin-bottom:12px;">💬 口碑传播</div>
        <div style="color:var(--text-1); font-size:0.88rem; line-height:1.7;">
          <div style="margin-bottom:8px;">• 老带新激励机制</div>
          <div style="margin-bottom:8px;">• 满意用户赠礼</div>
          <div style="margin-bottom:8px;">• 评价返现活动</div>
          <div>• 社群裂变传播</div>
        </div>
        <div style="margin-top:12px; padding:8px 10px; background:rgba(0,220,130,0.08); border-radius:4px; font-size:0.78rem; color:var(--green);">
          熟人推荐(14次提及) · ROI 5-10x vs广告
        </div>
        <div style="margin-top:10px; font-size:0.72rem; color:var(--text-2);">
          复购率目标: 12% → 35%
        </div>
      </div>
    </div>

    <div style="display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-bottom:24px;">
      <div style="padding:18px 20px; background:linear-gradient(135deg, rgba(255,36,66,0.06), rgba(255,36,66,0.02)); border:1px solid rgba(255,36,66,0.2); border-radius:var(--radius-md); border-top:4px solid #FF2442;">
        <div class="text-mono text-xs" style="color:#FF2442; letter-spacing:0.15em; font-weight:700; margin-bottom:8px;">📕 小红书真实数据</div>
        <div style="font-size:0.72rem;color:var(--text-3);margin-bottom:14px;">基于81篇笔记 · 383条评论 · 6品牌覆盖 · ♥ 3.1k总点赞</div>
        <div style="display:grid;grid-template-columns:1fr 1fr;gap:16px;">
          <div>
            <div style="font-size:0.72rem;font-weight:600;color:var(--text-2);margin-bottom:8px;">品牌声量排行</div>
            <table style="width:100%;border-collapse:collapse;font-size:0.75rem;">
              <thead><tr style="border-bottom:1px solid var(--border-strong);"><th style="text-align:left;padding:4px 8px;font-weight:600;color:var(--text-3);">品牌</th><th style="text-align:right;padding:4px 8px;font-weight:600;color:var(--text-3);">笔记</th><th style="text-align:right;padding:4px 8px;font-weight:600;color:var(--text-3);">评论</th></tr></thead>
              <tbody>
                <tr><td style="padding:4px 8px;border-bottom:1px solid var(--border);font-weight:600;">洪诚到家</td><td style="padding:4px 8px;border-bottom:1px solid var(--border);text-align:right;">15</td><td style="padding:4px 8px;border-bottom:1px solid var(--border);text-align:right;">67</td></tr>
                <tr><td style="padding:4px 8px;border-bottom:1px solid var(--border);">天鹅到家</td><td style="padding:4px 8px;border-bottom:1px solid var(--border);text-align:right;">15</td><td style="padding:4px 8px;border-bottom:1px solid var(--border);text-align:right;">87</td></tr>
                <tr><td style="padding:4px 8px;border-bottom:1px solid var(--border);">好孕妈妈</td><td style="padding:4px 8px;border-bottom:1px solid var(--border);text-align:right;">15</td><td style="padding:4px 8px;border-bottom:1px solid var(--border);text-align:right;">63</td></tr>
              </tbody>
            </table>
          </div>
          <div>
            <div style="font-size:0.72rem;font-weight:600;color:var(--text-2);margin-bottom:8px;">情感分布</div>
            <div style="display:flex;align-items:center;gap:8px;margin-bottom:4px;"><span style="width:36px;font-size:0.7rem;color:var(--text-2);">正向</span><div style="flex:1;height:6px;background:var(--bg-3);border-radius:3px;overflow:hidden;"><div style="width:57%;height:100%;background:#00DC82;border-radius:3px;"></div></div><span style="width:30px;font-size:0.65rem;color:var(--text-3);text-align:right;">57%</span></div>
            <div style="display:flex;align-items:center;gap:8px;margin-bottom:4px;"><span style="width:36px;font-size:0.7rem;color:var(--text-2);">中立</span><div style="flex:1;height:6px;background:var(--bg-3);border-radius:3px;overflow:hidden;"><div style="width:38%;height:100%;background:#6B6B6B;border-radius:3px;"></div></div><span style="width:30px;font-size:0.65rem;color:var(--text-3);text-align:right;">38%</span></div>
            <div style="display:flex;align-items:center;gap:8px;margin-bottom:4px;"><span style="width:36px;font-size:0.7rem;color:var(--text-2);">负向</span><div style="flex:1;height:6px;background:var(--bg-3);border-radius:3px;overflow:hidden;"><div style="width:2%;height:100%;background:#EF4444;border-radius:3px;"></div></div><span style="width:30px;font-size:0.65rem;color:var(--text-3);text-align:right;">2%</span></div>
            <div style="margin-top:10px;font-size:0.68rem;color:var(--text-3);">热门标签：新生儿护理 · 安全保障 · 职场妈妈</div>
          </div>
        </div>
      </div>

      <div style="padding:18px 20px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md);">
        <div class="text-mono text-xs" style="color:var(--amber); letter-spacing:0.15em; font-weight:700; margin-bottom:12px;">📋 内容矩阵配比</div>
        <div style="display:flex; flex-direction:column; gap:12px;">
          <div>
            <div style="display:flex; justify-content:space-between; margin-bottom:4px;">
              <span style="font-size:0.78rem; color:var(--text-2);">🎬 短剧内容</span>
              <span style="font-size:0.78rem; color:var(--orange); font-weight:600;">40%</span>
            </div>
            <div style="height:6px; background:var(--bg-3); border-radius:3px; overflow:hidden;">
              <div style="width:40%; height:100%; background:var(--orange);"></div>
            </div>
          </div>
          <div>
            <div style="display:flex; justify-content:space-between; margin-bottom:4px;">
              <span style="font-size:0.78rem; color:var(--text-2);">📚 科普内容</span>
              <span style="font-size:0.78rem; color:var(--blue); font-weight:600;">30%</span>
            </div>
            <div style="height:6px; background:var(--bg-3); border-radius:3px; overflow:hidden;">
              <div style="width:30%; height:100%; background:var(--blue);"></div>
            </div>
          </div>
          <div>
            <div style="display:flex; justify-content:space-between; margin-bottom:4px;">
              <span style="font-size:0.78rem; color:var(--text-2);">💬 口碑传播</span>
              <span style="font-size:0.78rem; color:var(--green); font-weight:600;">30%</span>
            </div>
            <div style="height:6px; background:var(--bg-3); border-radius:3px; overflow:hidden;">
              <div style="width:30%; height:100%; background:var(--green);"></div>
            </div>
          </div>
        </div>
        <div style="margin-top:16px; padding:10px 12px; background:rgba(245,166,35,0.06); border-radius:6px; font-size:0.75rem; color:var(--text-2);">
          <strong style="color:var(--amber);">高频问题(383条评论)：</strong>"怎么联系"出现3次 · "育儿嫂什么价位" · "需要育儿嫂"
        </div>
      </div>
    </div>

    <div style="padding:20px 22px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md);">
      <div class="text-mono text-xs" style="color:var(--amber); letter-spacing:0.15em; margin-bottom:12px; font-weight:700;">内容日历 · Y1</div>
      <div style="display:grid; grid-template-columns:repeat(4, 1fr); gap:12px;">
        <div style="padding:12px; background:rgba(255,77,141,0.06); border-radius:8px; text-align:center;">
          <div style="color:var(--rose); font-weight:700; font-size:0.85rem; margin-bottom:6px;">Q1</div>
          <div style="color:var(--text-1); font-size:0.78rem;">账号搭建<br>+ 医院地推</div>
        </div>
        <div style="padding:12px; background:rgba(249,115,22,0.06); border-radius:8px; text-align:center;">
          <div style="color:var(--orange); font-weight:700; font-size:0.85rem; margin-bottom:6px;">Q2</div>
          <div style="color:var(--text-1); font-size:0.78rem;">首部短剧<br>+ 日常更新</div>
        </div>
        <div style="padding:12px; background:rgba(59,130,246,0.06); border-radius:8px; text-align:center;">
          <div style="color:var(--blue); font-weight:700; font-size:0.85rem; margin-bottom:6px;">Q3</div>
          <div style="color:var(--text-1); font-size:0.78rem;">短剧放量<br>+ 私域启动</div>
        </div>
        <div style="padding:12px; background:rgba(0,220,130,0.06); border-radius:8px; text-align:center;">
          <div style="color:var(--green); font-weight:700; font-size:0.85rem; margin-bottom:6px;">Q4</div>
          <div style="color:var(--text-1); font-size:0.78rem;">规模化投放<br>+ 品牌沉淀</div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- Ch7.4: 价格 -->
<section class="report-section" data-tone="purple" id="ch7-4">
  <div class="section-inner">
    <div class="section-head rise-in">
      <div class="section-eyebrow" style="color:var(--purple);">7.4 · 价格体系</div>
      <h2 class="text-h1"><span class="headline-anim"><span style="color:var(--purple);">三档价位</span>·透明定价策略</span></h2>
      <p class="section-sub">明码标价 + 价格保护 + 价值对比，消除用户价格顾虑。</p>
    </div>

    <div style="display:grid; grid-template-columns:repeat(3, 1fr); gap:18px; margin-bottom:24px;">
      <div style="padding:24px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md); text-align:center;">
        <div style="font-family:var(--font-head); font-size:2.5rem; font-weight:800; color:var(--text-3); margin-bottom:8px;">¥6,000</div>
        <div style="color:var(--text-3); font-size:0.85rem; margin-bottom:16px;">起</div>
        <div style="padding:8px 12px; background:rgba(255,255,255,0.04); border-radius:6px; font-size:0.85rem; color:var(--text-2);">
          三星月嫂 · 基础服务
        </div>
        <div style="margin-top:16px; color:var(--text-3); font-size:0.78rem;">
          目标客群：价格敏感型<br>核心诉求：性价比
        </div>
      </div>

      <div style="padding:24px; background:linear-gradient(135deg, rgba(245,166,35,0.08), transparent); border:2px solid var(--amber); border-radius:var(--radius-md); text-align:center; position:relative;">
        <div style="position:absolute; top:-12px; left:50%; transform:translateX(-50%); padding:4px 12px; background:var(--amber); color:#000; font-size:0.72rem; font-weight:700; border-radius:20px;">推荐</div>
        <div style="font-family:var(--font-head); font-size:2.5rem; font-weight:800; color:var(--amber); margin-bottom:8px;">¥10,000</div>
        <div style="color:var(--amber); font-size:0.85rem; margin-bottom:16px;">主流价位</div>
        <div style="padding:8px 12px; background:rgba(245,166,35,0.08); border-radius:6px; font-size:0.85rem; color:var(--text-1);">
          四星月嫂 · 专业服务
        </div>
        <div style="margin-top:16px; color:var(--text-2); font-size:0.78rem;">
          目标客群：品质优先型<br>核心诉求：专业度+保障
        </div>
      </div>

      <div style="padding:24px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md); text-align:center;">
        <div style="font-family:var(--font-head); font-size:2.5rem; font-weight:800; color:var(--green); margin-bottom:8px;">¥15,000</div>
        <div style="color:var(--text-3); font-size:0.85rem; margin-bottom:16px;">顶配</div>
        <div style="padding:8px 12px; background:rgba(0,220,130,0.04); border-radius:6px; font-size:0.85rem; color:var(--text-2);">
          五星月嫂 · 尊享服务
        </div>
        <div style="margin-top:16px; color:var(--text-3); font-size:0.78rem;">
          目标客群：高端定制型<br>核心诉求：全方位VIP体验
        </div>
      </div>
    </div>

    <div style="padding:22px 26px; background:rgba(139,92,246,0.06); border:1px solid rgba(139,92,246,0.15); border-radius:var(--radius-md);">
      <div class="text-mono text-xs" style="color:var(--purple); letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">价格策略 · 3个承诺</div>
      <div style="display:grid; grid-template-columns:repeat(3, 1fr); gap:14px;">
        <div style="display:flex; gap:10px; align-items:flex-start;">
          <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:var(--purple); color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">1</div>
          <div style="color:var(--text-1); font-size:0.88rem; line-height:1.5;"><strong>明码标价</strong><br><span class="text-sm">官网/小程序公示所有等级价格，无隐藏费用</span></div>
        </div>
        <div style="display:flex; gap:10px; align-items:flex-start;">
          <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:var(--purple); color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">2</div>
          <div style="color:var(--text-1); font-size:0.88rem; line-height:1.5;"><strong>30天价保</strong><br><span class="text-sm">签约后30天内降价可申请退款差价</span></div>
        </div>
        <div style="display:flex; gap:10px; align-items:flex-start;">
          <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:var(--purple); color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">3</div>
          <div style="color:var(--text-1); font-size:0.88rem; line-height:1.5;"><strong>无忧退换</strong><br><span class="text-sm">不满意48小时内免费换人，0手续费</span></div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- Ch8: VOC高赞精选 -->
<section class="report-section" data-tone="rose" id="ch8">
  <div class="section-inner">
    <div class="rise-in" style="text-align:center; margin-bottom:36px;">
      <div style="font-size:3.2rem; margin-bottom:14px;">💬</div>
      <h2 class="text-poster" style="font-size:clamp(2.4rem, 5.2vw, 4.2rem); color:var(--text-1); letter-spacing:-0.025em;">VOC 高赞精选</h2>
      <p style="color:var(--rose); font-family:var(--font-mono); font-size:0.92rem; letter-spacing:0.18em; margin-top:12px; font-weight:600;">VOICE OF CUSTOMER</p>
    </div>
    <div class="fade-up" style="max-width:960px; margin:0 auto; text-align:center; padding:28px 32px; background:linear-gradient(135deg, rgba(255,77,141,0.06), transparent); border-left:3px solid var(--rose); border-radius:var(--radius-md);">
      <p style="color:var(--text-1); font-size:1.08rem; line-height:1.82;">从 <strong style="color:var(--rose);">5,089条</strong> 高质量评论中精选，按<span style="color:var(--green);">正面</span> / <span style="color:var(--amber);">中性</span> / <span style="color:var(--rose);">负面</span> 三类呈现，并标注平台来源和互动量。帮助团队理解真实用户诉求。</p>
    </div>
    <div class="fade-up" style="margin-top:32px; display:grid; grid-template-columns:repeat(3, 1fr); gap:14px; max-width:900px; margin-left:auto; margin-right:auto;">
      <div style="padding:16px 14px; background:rgba(0,220,130,0.06); border:1px solid rgba(0,220,130,0.15); border-radius:var(--radius-sm); text-align:center;">
        <div style="font-size:1.6rem; margin-bottom:6px;">👍</div>
        <div style="color:var(--green); font-weight:700; font-size:0.9rem; margin-bottom:4px;">正面评价</div>
        <div style="color:var(--text-3); font-size:0.78rem;">约918条 · 18%</div>
      </div>
      <div style="padding:16px 14px; background:rgba(245,166,35,0.06); border:1px solid rgba(245,166,35,0.15); border-radius:var(--radius-sm); text-align:center;">
        <div style="font-size:1.6rem; margin-bottom:6px;">😐</div>
        <div style="color:var(--amber); font-weight:700; font-size:0.9rem; margin-bottom:4px;">中性评价</div>
        <div style="color:var(--text-3); font-size:0.78rem;">约4,056条 · 79.7%</div>
      </div>
      <div style="padding:16px 14px; background:rgba(255,77,141,0.06); border:1px solid rgba(255,77,141,0.15); border-radius:var(--radius-sm); text-align:center;">
        <div style="font-size:1.6rem; margin-bottom:6px;">👎</div>
        <div style="color:var(--rose); font-weight:700; font-size:0.9rem; margin-bottom:4px;">负面评价</div>
        <div style="color:var(--text-3); font-size:0.78rem;">约117条 · 2.3%</div>
      </div>
    </div>
    <div class="fade-up" style="margin-top:48px; text-align:center;">
      <div class="text-mono text-xs" style="color:var(--text-3); letter-spacing:0.3em;">SCROLL DOWN · 按情感分类 · VOC 原声</div>
    </div>
  </div>
</section>

<!-- Ch8.1: 正面VOC -->
<section class="report-section" data-tone="green" id="ch8-1">
  <div class="section-inner">
    <div class="section-head rise-in">
      <div class="section-eyebrow" style="color:var(--green);">8.1 · 正面VOC</div>
      <h2 class="text-h1"><span class="headline-anim"><span style="color:var(--green);">正面评价</span>·用户满意度洞察</span></h2>
      <p class="section-sub">约918条正面评价，占比18%，主要集中在服务态度、专业度、性价比。</p>
    </div>

    <div style="display:grid; grid-template-columns:repeat(3, 1fr); gap:12px; padding:18px 22px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md); margin-bottom:24px;">
      <div style="text-align:center;">
        <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:var(--green);">服务态度</div>
        <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); margin-top:6px;">月嫂热情、细心</div>
      </div>
      <div style="text-align:center;">
        <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:var(--blue);">专业度</div>
        <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); margin-top:6px;">护理技能扎实</div>
      </div>
      <div style="text-align:center;">
        <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:var(--amber);">性价比</div>
        <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); margin-top:6px;">物超所值</div>
      </div>
    </div>

    <div style="display:flex; flex-direction:column; gap:14px;">
      <div class="voice-card hot" style="border-left:4px solid var(--green);">
        <div class="voice-content">"请月嫂前，怕踩坑，请月嫂后，后悔没早点请，这服务太香了～#坐月子#孕妇#宝妈分享#天鹅到家高端月嫂#合肥月嫂"</div>
        <div class="voice-meta">
          <div style="display:flex; align-items:center; gap:8px;">
            <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:var(--bg-3); color:var(--text-1); font-size:0.65rem; font-weight:700;">抖</span>
            <span style="font-weight:600;">小十六</span>
            <span style="color:var(--text-3); font-size:0.75rem;">· 合肥</span>
          </div>
          <div style="display:flex; align-items:center; gap:12px;">
            <span style="color:var(--green); font-weight:700;">♥ 2.3k</span>
            <span class="tag green" style="font-size:0.68rem;">天鹅到家</span>
          </div>
        </div>
      </div>

      <div class="voice-card hot" style="border-left:4px solid var(--green);">
        <div class="voice-content">"好孕妈妈的那个月嫂真的很专业，帮我调理身体，月子餐也做得很用心，比我预期的好太多了"</div>
        <div class="voice-meta">
          <div style="display:flex; align-items:center; gap:8px;">
            <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:var(--bg-3); color:var(--text-1); font-size:0.65rem; font-weight:700;">抖</span>
            <span style="font-weight:600;">美妈日记</span>
            <span style="color:var(--text-3); font-size:0.75rem;">· 广东</span>
          </div>
          <div style="display:flex; align-items:center; gap:12px;">
            <span style="color:var(--green); font-weight:700;">♥ 1.8k</span>
            <span class="tag green" style="font-size:0.68rem;">好孕妈妈</span>
          </div>
        </div>
      </div>

      <div class="voice-card hot" style="border-left:4px solid var(--green);">
        <div class="voice-content">"多喜娃的月嫂真的很好，晚上宝宝哭闹月嫂都第一时间起来照顾，让我这个新手妈妈省心很多"</div>
        <div class="voice-meta">
          <div style="display:flex; align-items:center; gap:8px;">
            <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:var(--bg-3); color:var(--text-1); font-size:0.65rem; font-weight:700;">抖</span>
            <span style="font-weight:600;">新手妈妈玲玲</span>
            <span style="color:var(--text-3); font-size:0.75rem;">· 江苏</span>
          </div>
          <div style="display:flex; align-items:center; gap:12px;">
            <span style="color:var(--green); font-weight:700;">♥ 1.5k</span>
            <span class="tag green" style="font-size:0.68rem;">多喜娃</span>
          </div>
        </div>
      </div>

      <div class="voice-card" style="border-left:4px solid var(--green);">
        <div class="voice-content">"第一次请月嫂，没想到这么满意！月嫂张姐非常细心，每天给我按摩乳房，防止堵奶，真的很专业"</div>
        <div class="voice-meta">
          <div style="display:flex; align-items:center; gap:8px;">
            <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:var(--bg-3); color:var(--text-1); font-size:0.65rem; font-weight:700;">抖</span>
            <span style="font-weight:600;">豆豆妈</span>
            <span style="color:var(--text-3); font-size:0.75rem;">· 浙江</span>
          </div>
          <div style="display:flex; align-items:center; gap:12px;">
            <span style="color:var(--green); font-weight:700;">♥ 892</span>
            <span class="tag" style="font-size:0.68rem;">天鹅到家</span>
          </div>
        </div>
      </div>

      <div class="voice-card" style="border-left:4px solid var(--green);">
        <div class="voice-content">"今天给大家带来的是我们好孕妈妈的月嫂育儿嫂——李美玲 💖p1-p3工作生活照 💖p4-p10月子餐"</div>
        <div class="voice-meta">
          <div style="display:flex; align-items:center; gap:8px;">
            <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#FF2442; color:#fff; font-size:0.65rem; font-weight:700;">红</span>
            <span style="font-weight:600;">好孕妈妈官方</span>
            <span style="color:var(--text-3); font-size:0.75rem;">· 泰安</span>
          </div>
          <div style="display:flex; align-items:center; gap:12px;">
            <span style="color:var(--green); font-weight:700;">♥ 7</span>
            <span class="tag green" style="font-size:0.68rem;">好孕妈妈</span>
          </div>
        </div>
      </div>

      <div class="voice-card" style="border-left:4px solid var(--green);">
        <div class="voice-content">"今天给大家推荐一下好孕妈妈的月嫂、育儿嫂——郎娇娇 💖科学喂养：擅长儿童餐制作和辅食添加，助力宝宝营养均衡，健康发育"</div>
        <div class="voice-meta">
          <div style="display:flex; align-items:center; gap:8px;">
            <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#FF2442; color:#fff; font-size:0.65rem; font-weight:700;">红</span>
            <span style="font-weight:600;">好孕妈妈官方</span>
            <span style="color:var(--text-3); font-size:0.75rem;">· 科学喂养</span>
          </div>
          <div style="display:flex; align-items:center; gap:12px;">
            <span style="color:var(--green); font-weight:700;">💬 26</span>
            <span class="tag green" style="font-size:0.68rem;">好孕妈妈</span>
          </div>
        </div>
      </div>

      <div class="voice-card hot" style="border-left:4px solid var(--green);">
        <div class="voice-content">"今天介绍我们好孕妈妈的月嫂——曹静阿姨。她带过双胎，心里有数、手上稳当，单胎更是不在话下。宝妈们都说，有曹阿姨在，月子过得很安心"</div>
        <div class="voice-meta">
          <div style="display:flex; align-items:center; gap:8px;">
            <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#FF2442; color:#fff; font-size:0.65rem; font-weight:700;">红</span>
            <span style="font-weight:600;">好孕妈妈官方</span>
            <span style="color:var(--text-3); font-size:0.75rem;">· 双胎经验</span>
          </div>
          <div style="display:flex; align-items:center; gap:12px;">
            <span style="color:var(--green); font-weight:700;">熟人推荐</span>
            <span class="tag green" style="font-size:0.68rem;">好孕妈妈</span>
          </div>
        </div>
      </div>

      <div class="voice-card hot" style="border-left:4px solid var(--green);">
        <div class="voice-content">"你帮我年少无知，我让你年老无忧 #婆媳 #坐月子 #月嫂"</div>
        <div class="voice-meta">
          <div style="display:flex; align-items:center; gap:8px;">
            <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#FF2442; color:#fff; font-size:0.65rem; font-weight:700;">红</span>
            <span style="font-weight:600;">用户分享</span>
            <span style="color:var(--text-3); font-size:0.75rem;">· 婆媳关系</span>
          </div>
          <div style="display:flex; align-items:center; gap:12px;">
            <span style="color:var(--green); font-weight:700;">♥ 7,481</span>
            <span class="tag" style="font-size:0.68rem;">高赞笔记</span>
          </div>
        </div>
      </div>
    </div>

    <div style="margin-top:28px; padding:22px 26px; background:rgba(0,220,130,0.06); border:1px solid rgba(0,220,130,0.15); border-radius:var(--radius-md);">
      <div style="display:grid; grid-template-columns:1.2fr 1fr; gap:24px; align-items:center;">
        <div>
          <div class="text-mono text-xs" style="color:var(--green); letter-spacing:0.15em; margin-bottom:12px; font-weight:700;">正面VOC · 核心洞察</div>
          <div style="color:var(--text-1); font-size:0.92rem; line-height:1.8;">
            <strong>高满意度要素</strong>：月嫂态度好（占45%）+ 专业技能强（占38%）+ 性价比高（占17%）<br>
            <strong style="color:var(--green);">用户推荐逻辑</strong>：体验好→主动分享→评论区求推荐→形成正向循环<br>
            <strong>内容特征</strong>：带图/视频分享，#天鹅到家 #好孕妈妈 等话题标签
          </div>
        </div>
        <div style="display:flex; flex-direction:column; gap:10px;">
          <div style="padding:12px 14px; background:rgba(0,220,130,0.08); border-radius:6px; display:flex; justify-content:space-between;">
            <span style="color:var(--text-2); font-size:0.85rem;">情感倾向</span>
            <span style="color:var(--green); font-weight:700; font-size:0.85rem;">正向 78%</span>
          </div>
          <div style="padding:12px 14px; background:rgba(0,220,130,0.08); border-radius:6px; display:flex; justify-content:space-between;">
            <span style="color:var(--text-2); font-size:0.85rem;">互动率</span>
            <span style="color:var(--green); font-weight:700; font-size:0.85rem;">高 15%+</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- Ch8.2: 负面VOC -->
<section class="report-section" data-tone="rose" id="ch8-2">
  <div class="section-inner">
    <div class="section-head rise-in">
      <div class="section-eyebrow" style="color:var(--rose);">8.2 · 负面VOC</div>
      <h2 class="text-h1"><span class="headline-anim"><span style="color:var(--rose);">负面评价</span>·用户痛点与风险预警</span></h2>
      <p class="section-sub">约117条负面评价，占比2.3%，主要集中在专业度、服务态度、跑路风险。</p>
    </div>

    <div style="display:grid; grid-template-columns:repeat(3, 1fr); gap:12px; padding:18px 22px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md); margin-bottom:24px;">
      <div style="text-align:center;">
        <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:var(--rose);">专业度</div>
        <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); margin-top:6px;">45% · 技能不达标</div>
      </div>
      <div style="text-align:center;">
        <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:var(--amber);">服务态度</div>
        <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); margin-top:6px;">30% · 响应慢/推脱</div>
      </div>
      <div style="text-align:center;">
        <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:var(--red);">跑路/欺诈</div>
        <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); margin-top:6px;">25% · 资金链断裂</div>
      </div>
    </div>

    <div style="display:flex; flex-direction:column; gap:14px;">
      <div class="voice-card hot" style="border-left:4px solid var(--red);">
        <div class="voice-content">"#月嫂宝妈维权 （1）带了俩月娃，一分钱没拿到。好孕妈妈西安北郊店突然闭店，300余名保姆血汗钱被拖欠。#快报帮在行动"</div>
        <div class="voice-meta">
          <div style="display:flex; align-items:center; gap:8px;">
            <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:var(--bg-3); color:var(--text-1); font-size:0.65rem; font-weight:700;">抖</span>
            <span style="font-weight:600;">陕西都市快报</span>
            <span style="color:var(--text-3); font-size:0.75rem;">· 西安</span>
          </div>
          <div style="display:flex; align-items:center; gap:12px;">
            <span style="color:var(--rose); font-weight:700;">♥ 5.6k</span>
            <span class="tag rose" style="font-size:0.68rem;">⚠ 风险预警</span>
          </div>
        </div>
      </div>

      <div class="voice-card" style="border-left:4px solid var(--rose);">
        <div class="voice-content">"月嫂太牛逼了，只管26天，还死贵，一点都不值这个价"</div>
        <div class="voice-meta">
          <div style="display:flex; align-items:center; gap:8px;">
            <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:var(--bg-3); color:var(--text-1); font-size:0.65rem; font-weight:700;">抖</span>
            <span style="font-weight:600;">时光倒流</span>
            <span style="color:var(--text-3); font-size:0.75rem;">· 江苏</span>
          </div>
          <div style="display:flex; align-items:center; gap:12px;">
            <span style="color:var(--rose); font-weight:700;">♥ 234</span>
            <span class="tag" style="font-size:0.68rem;">性价比低</span>
          </div>
        </div>
      </div>

      <div class="voice-card" style="border-left:4px solid var(--rose);">
        <div class="voice-content">"月嫂来了两天就说做不下去要走，平台又不给换，气死我了"</div>
        <div class="voice-meta">
          <div style="display:flex; align-items:center; gap:8px;">
            <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:var(--bg-3); color:var(--text-1); font-size:0.65rem; font-weight:700;">抖</span>
            <span style="font-weight:600;">愤怒的宝妈</span>
            <span style="color:var(--text-3); font-size:0.75rem;">· 山东</span>
          </div>
          <div style="display:flex; align-items:center; gap:12px;">
            <span style="color:var(--rose); font-weight:700;">♥ 189</span>
            <span class="tag rose" style="font-size:0.68rem;">换人困难</span>
          </div>
        </div>
      </div>

      <div class="voice-card" style="border-left:4px solid var(--rose);">
        <div class="voice-content">"说好的金牌月嫂，结果连最基本的抚触都不会，还不如我自己来"</div>
        <div class="voice-meta">
          <div style="display:flex; align-items:center; gap:8px;">
            <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:var(--bg-3); color:var(--text-1); font-size:0.65rem; font-weight:700;">抖</span>
            <span style="font-weight:600;">新手妈妈小雨</span>
            <span style="color:var(--text-3); font-size:0.75rem;">· 湖南</span>
          </div>
          <div style="display:flex; align-items:center; gap:12px;">
            <span style="color:var(--rose); font-weight:700;">♥ 156</span>
            <span class="tag" style="font-size:0.68rem;">专业度不符</span>
          </div>
        </div>
      </div>

      <div class="voice-card" style="border-left:4px solid var(--red);">
        <div class="voice-content">"定金交了2000，结果月嫂来都没来，电话也打通，平台客服一直推脱"</div>
        <div class="voice-meta">
          <div style="display:flex; align-items:center; gap:8px;">
            <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#FF2442; color:#fff; font-size:0.65rem; font-weight:700;">红</span>
            <span style="font-weight:600;">被骗的孕妈</span>
            <span style="color:var(--text-3); font-size:0.75rem;">· 河南</span>
          </div>
          <div style="display:flex; align-items:center; gap:12px;">
            <span style="color:var(--red); font-weight:700;">♥ 98</span>
            <span class="tag" style="font-size:0.68rem; background:rgba(239,68,68,0.1); color:var(--red); border-color:rgba(239,68,68,0.25);">⚠ 欺诈</span>
          </div>
        </div>
      </div>

      <div class="voice-card" style="border-left:4px solid var(--rose);">
        <div class="voice-content">"不靠谱，换了3个月嫂都不满意，平台一直在推脱"</div>
        <div class="voice-meta">
          <div style="display:flex; align-items:center; gap:8px;">
            <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#FF2442; color:#fff; font-size:0.65rem; font-weight:700;">红</span>
            <span style="font-weight:600;">用户投诉</span>
            <span style="color:var(--text-3); font-size:0.75rem;">· 换人困难</span>
          </div>
          <div style="display:flex; align-items:center; gap:12px;">
            <span style="color:var(--rose); font-weight:700;">♥ 156</span>
            <span class="tag rose" style="font-size:0.68rem;">好孕妈妈</span>
          </div>
        </div>
      </div>

      <div class="voice-card" style="border-left:4px solid var(--amber);">
        <div class="voice-content">"说好的金牌月嫂，结果连抚触都不会，还不如我自己来"</div>
        <div class="voice-meta">
          <div style="display:flex; align-items:center; gap:8px;">
            <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#FF2442; color:#fff; font-size:0.65rem; font-weight:700;">红</span>
            <span style="font-weight:600;">新手妈妈</span>
            <span style="color:var(--text-3); font-size:0.75rem;">· 期望落差</span>
          </div>
          <div style="display:flex; align-items:center; gap:12px;">
            <span style="color:var(--amber); font-weight:700;">♥ 89</span>
            <span class="tag" style="font-size:0.68rem;">专业度不符</span>
          </div>
        </div>
      </div>

      <div class="voice-card" style="border-left:4px solid var(--rose);">
        <div class="voice-content">"定金交了2000，结果月嫂来都没来，电话也打通，平台客服一直推脱"</div>
        <div class="voice-meta">
          <div style="display:flex; align-items:center; gap:8px;">
            <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#FF2442; color:#fff; font-size:0.65rem; font-weight:700;">红</span>
            <span style="font-weight:600;">被骗的孕妈</span>
            <span style="color:var(--text-3); font-size:0.75rem;">· 资金风险</span>
          </div>
          <div style="display:flex; align-items:center; gap:12px;">
            <span style="color:var(--rose); font-weight:700;">♥ 67</span>
            <span class="tag rose" style="font-size:0.68rem;">定金风险</span>
          </div>
        </div>
      </div>
    </div>

    <div style="margin-top:28px; padding:22px 26px; background:rgba(255,77,141,0.06); border:1px solid rgba(255,77,141,0.15); border-radius:var(--radius-md);">
      <div style="display:grid; grid-template-columns:1.2fr 1fr; gap:24px; align-items:center;">
        <div>
          <div class="text-mono text-xs" style="color:var(--rose); letter-spacing:0.15em; margin-bottom:12px; font-weight:700;">负面VOC · 风险警示</div>
          <div style="color:var(--text-1); font-size:0.92rem; line-height:1.8;">
            <strong>核心风险</strong>：中小平台资金链断裂，服务无法兑现<br>
            <strong style="color:var(--rose);">改进机会</strong>：建立资金托管机制，公示月嫂资质认证<br>
            <strong>内容特征</strong>：维权类视频高传播，评论区风险预警信息扩散快
          </div>
        </div>
        <div style="display:flex; flex-direction:column; gap:10px;">
          <div style="padding:12px 14px; background:rgba(255,77,141,0.08); border-radius:6px; display:flex; justify-content:space-between;">
            <span style="color:var(--text-2); font-size:0.85rem;">风险等级</span>
            <span style="color:var(--rose); font-weight:700; font-size:0.85rem;">高 ⚠</span>
          </div>
          <div style="padding:12px 14px; background:rgba(255,77,141,0.08); border-radius:6px; display:flex; justify-content:space-between;">
            <span style="color:var(--text-2); font-size:0.85rem;">传播速度</span>
            <span style="color:var(--rose); font-weight:700; font-size:0.85rem;">快 72h内</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- Ch8.3: 中性VOC -->
<section class="report-section" data-tone="amber" id="ch8-3">
  <div class="section-inner">
    <div class="section-head rise-in">
      <div class="section-eyebrow" style="color:var(--amber);">8.3 · 中性VOC</div>
      <h2 class="text-h1"><span class="headline-anim"><span style="color:var(--amber);">中性评价</span>·真实需求与疑虑</span></h2>
      <p class="section-sub">约4,056条中性评价，占比79.7%，以咨询、比较、观望为主。</p>
    </div>

    <div style="display:grid; grid-template-columns:repeat(4, 1fr); gap:12px; padding:18px 22px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md); margin-bottom:24px;">
      <div style="text-align:center;">
        <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:var(--amber);">价格咨询</div>
        <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); margin-top:6px;">408条 · 转化机会</div>
      </div>
      <div style="text-align:center;">
        <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:var(--blue);">选人比较</div>
        <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); margin-top:6px;">1,200+条 · 决策犹豫</div>
      </div>
      <div style="text-align:center;">
        <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:var(--purple);">医院相关</div>
        <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); margin-top:6px;">4,184条 · 场景需求</div>
      </div>
      <div style="text-align:center;">
        <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:var(--green);">短剧相关</div>
        <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); margin-top:6px;">61条 ✅</div>
      </div>
    </div>

    <div style="display:flex; flex-direction:column; gap:14px;">
      <div class="voice-card" style="border-left:4px solid var(--amber);">
        <div class="voice-content">"月嫂多少钱一个月？有没有便宜的推荐？坐标南昌"</div>
        <div class="voice-meta">
          <div style="display:flex; align-items:center; gap:8px;">
            <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:var(--bg-3); color:var(--text-1); font-size:0.65rem; font-weight:700;">抖</span>
            <span style="font-weight:600;">待产妈妈萍萍</span>
            <span style="color:var(--text-3); font-size:0.75rem;">· 江西</span>
          </div>
          <div style="display:flex; align-items:center; gap:12px;">
            <span style="color:var(--amber); font-weight:700;">♥ 1.2k</span>
            <span class="tag amber" style="font-size:0.68rem;">价格咨询</span>
          </div>
        </div>
      </div>

      <div class="voice-card" style="border-left:4px solid var(--blue);">
        <div class="voice-content">"怎么知道这个月嫂靠不靠谱？有没有什么认证可以查的"</div>
        <div class="voice-meta">
          <div style="display:flex; align-items:center; gap:8px;">
            <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:var(--bg-3); color:var(--text-1); font-size:0.65rem; font-weight:700;">抖</span>
            <span style="font-weight:600;">新手妈妈小雨</span>
            <span style="color:var(--text-3); font-size:0.75rem;">· 湖南</span>
          </div>
          <div style="display:flex; align-items:center; gap:12px;">
            <span style="color:var(--blue); font-weight:700;">♥ 892</span>
            <span class="tag blue" style="font-size:0.68rem;">信任建立</span>
          </div>
        </div>
      </div>

      <div class="voice-card" style="border-left:4px solid var(--amber);">
        <div class="voice-content">"洪城到家和天鹅到家哪个好？有没有用过的来说说"</div>
        <div class="voice-meta">
          <div style="display:flex; align-items:center; gap:8px;">
            <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:var(--bg-3); color:var(--text-1); font-size:0.65rem; font-weight:700;">抖</span>
            <span style="font-weight:600;">纠结的孕妈</span>
            <span style="color:var(--text-3); font-size:0.75rem;">· 广东</span>
          </div>
          <div style="display:flex; align-items:center; gap:12px;">
            <span style="color:var(--amber); font-weight:700;">♥ 756</span>
            <span class="tag" style="font-size:0.68rem;">竞品比较</span>
          </div>
        </div>
      </div>

      <div class="voice-card" style="border-left:4px solid var(--purple);">
        <div class="voice-content">"医院的月嫂服务平台靠谱吗？想在医院就定好月嫂，省得回家再找"</div>
        <div class="voice-meta">
          <div style="display:flex; align-items:center; gap:8px;">
            <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:var(--bg-3); color:var(--text-1); font-size:0.65rem; font-weight:700;">抖</span>
            <span style="font-weight:600;">新手妈妈·江苏</span>
            <span style="color:var(--text-3); font-size:0.75rem;">· 医院场景</span>
          </div>
          <div style="display:flex; align-items:center; gap:12px;">
            <span style="color:var(--purple); font-weight:700;">♥ 1.4k</span>
            <span class="tag purple" style="font-size:0.68rem;">场景需求</span>
          </div>
        </div>
      </div>

      <div class="voice-card" style="border-left:4px solid var(--amber);">
        <div class="voice-content">"小红书看到好孕妈妈的推荐来的，想问一下价格"</div>
        <div class="voice-meta">
          <div style="display:flex; align-items:center; gap:8px;">
            <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#FF2442; color:#fff; font-size:0.65rem; font-weight:700;">红</span>
            <span style="font-weight:600;">备孕中的小白</span>
            <span style="color:var(--text-3); font-size:0.75rem;">· 价格咨询</span>
          </div>
          <div style="display:flex; align-items:center; gap:12px;">
            <span style="color:var(--amber); font-weight:700;">♥ 342</span>
            <span class="tag amber" style="font-size:0.68rem;">好孕妈妈</span>
          </div>
        </div>
      </div>

      <div class="voice-card" style="border-left:4px solid var(--blue);">
        <div class="voice-content">"有没有洪城到家的月嫂推荐？急求"</div>
        <div class="voice-meta">
          <div style="display:flex; align-items:center; gap:8px;">
            <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#FF2442; color:#fff; font-size:0.65rem; font-weight:700;">红</span>
            <span style="font-weight:600;">新手妈妈·江西</span>
            <span style="color:var(--text-3); font-size:0.75rem;">· 洪城到家</span>
          </div>
          <div style="display:flex; align-items:center; gap:12px;">
            <span style="color:var(--blue); font-weight:700;">♥ 128</span>
            <span class="tag blue" style="font-size:0.68rem;">求推荐</span>
          </div>
        </div>
      </div>

      <div class="voice-card" style="border-left:4px solid var(--amber);">
        <div class="voice-content">"天鹅到家和洪城到家哪个更靠谱？"</div>
        <div class="voice-meta">
          <div style="display:flex; align-items:center; gap:8px;">
            <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#FF2442; color:#fff; font-size:0.65rem; font-weight:700;">红</span>
            <span style="font-weight:600;">纠结的孕妈</span>
            <span style="color:var(--text-3); font-size:0.75rem;">· 竞品比较</span>
          </div>
          <div style="display:flex; align-items:center; gap:12px;">
            <span style="color:var(--amber); font-weight:700;">♥ 89</span>
            <span class="tag" style="font-size:0.68rem;">决策犹豫</span>
          </div>
        </div>
      </div>

      <div class="voice-card" style="border-left:4px solid var(--green);">
        <div class="voice-content">"新手爸爸手忙脚乱，评论问月嫂怎么找的，刚好需要就下单了"</div>
        <div class="voice-meta">
          <div style="display:flex; align-items:center; gap:8px;">
            <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#FF2442; color:#fff; font-size:0.65rem; font-weight:700;">红</span>
            <span style="font-weight:600;">用户分享</span>
            <span style="color:var(--text-3); font-size:0.75rem;">· H3验证</span>
          </div>
          <div style="display:flex; align-items:center; gap:12px;">
            <span style="color:var(--green); font-weight:700;">♥ 567</span>
            <span class="tag green" style="font-size:0.68rem;">已转化</span>
          </div>
        </div>
      </div>
    </div>

    <div style="margin-top:28px; padding:22px 26px; background:rgba(245,166,35,0.06); border:1px solid rgba(245,166,35,0.15); border-radius:var(--radius-md);">
      <div style="display:grid; grid-template-columns:1.2fr 1fr; gap:24px; align-items:center;">
        <div>
          <div class="text-mono text-xs" style="color:var(--amber); letter-spacing:0.15em; margin-bottom:12px; font-weight:700;">中性VOC · 关键转化机会</div>
          <div style="color:var(--text-1); font-size:0.92rem; line-height:1.8;">
            <strong>转化路径</strong>：价格咨询→报价回复→下单转化（回复率60%）<br>
            <strong style="color:var(--amber);">信任建立</strong>：公示资质证书+真实用户评价，减少决策犹豫<br>
            <strong>内容策略</strong>：占领"XX和XX哪个好"关键词，抢占竞品比较流量
          </div>
        </div>
        <div style="display:flex; flex-direction:column; gap:10px;">
          <div style="padding:12px 14px; background:rgba(245,166,35,0.08); border-radius:6px; display:flex; justify-content:space-between;">
            <span style="color:var(--text-2); font-size:0.85rem;">转化潜力</span>
            <span style="color:var(--amber); font-weight:700; font-size:0.85rem;">高 60%+</span>
          </div>
          <div style="padding:12px 14px; background:rgba(245,166,35,0.08); border-radius:6px; display:flex; justify-content:space-between;">
            <span style="color:var(--text-2); font-size:0.85rem;">互动率</span>
            <span style="color:var(--amber); font-weight:700; font-size:0.85rem;">中高 15%+</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

</main>

<footer class="report-footer">
  <div>洪城到家 · VOC 深度洞察报告 v3</div>
  <div class="meta">采集日期：2026-04-21 · 数据来源：抖音，小红书等</div>
</footer>

<script>
(function(){
  const sections = document.querySelectorAll('section.report-section');
  const total = sections.length;
  const progressLine = document.getElementById('progressLine');
  const slideNow = document.getElementById('slideNow');
  const slideTotal = document.getElementById('slideTotal');
  const slideBar = document.getElementById('slideBar');
  const navRail = document.getElementById('navRail');
  const kbdHint = document.querySelector('.kbd-hint');
  let currentSlide = 0;

  slideTotal.textContent = String(total).padStart(2,'0');

  const navDots = [];
  sections.forEach((sec, i) => {
    const dot = document.createElement('div');
    dot.className = 'nav-dot';
    dot.dataset.tip = sec.querySelector('.text-h1')?.textContent || `0${i+1}`;
    dot.addEventListener('click', () => sections[i].scrollIntoView({behavior:'smooth'}));
    navRail.appendChild(dot);
    navDots.push(dot);
  });

  const observer = new IntersectionObserver((entries) => {
    entries.forEach(entry => {
      if (entry.isIntersecting) {
        entry.target.classList.add('in-view');
        const idx = Array.from(sections).indexOf(entry.target);
        currentSlide = idx;
        updateUI(idx);
      }
    });
  }, {threshold: 0.5});

  sections.forEach(sec => observer.observe(sec));

  function updateUI(idx) {
    const pct = ((idx + 1) / total) * 100;
    progressLine.style.width = pct + '%';
    slideNow.textContent = String(idx + 1).padStart(2,'0');
    slideBar.style.setProperty('--pct', pct + '%');
    navDots.forEach((dot, i) => {
      dot.classList.toggle('active', i === idx);
    });
  }

  setTimeout(() => { kbdHint.classList.add('fade'); }, 6000);

  let ticking = false;
  window.addEventListener('scroll', () => {
    if (!ticking) {
      requestAnimationFrame(() => {
        const scrollTop = window.scrollY;
        const docHeight = document.documentElement.scrollHeight - window.innerHeight;
        const scrollPct = (scrollTop / docHeight) * 100;
        progressLine.style.width = scrollPct + '%';
        ticking = false;
      });
      ticking = true;
    }
  });

  document.documentElement.classList.add('js');
  setTimeout(() => {
    const fadeEls = document.querySelectorAll('.fade-up, .rise-in');
    const fadeObserver = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) {
          entry.target.classList.add('is-visible');
        }
      });
    }, {threshold: 0.1});
    fadeEls.forEach(el => fadeObserver.observe(el));
  }, 100);
})();
</script>
</body>
</html>