1900年7月，八國(guó)聯(lián)軍攻陷北京。在北京城內(nèi)，他們燒殺搶奪，殘忍地槍殺城里的人。大批難民紛紛想逃出城，書生聶如風(fēng)一家子也剛好在逃跑的行列中。但是，逃跑又談何容易。身為妖精的妻子應(yīng)蝶眼看人們殘忍地死在洋鬼子的手下，心里難受。但是為了守護(hù)家庭，讓丈夫聶如風(fēng)帶著兩個(gè)幼小的女兒聶傾城、聶傾心安全離開(kāi)，應(yīng)蝶決定一個(gè)人留下來(lái)攔住洋鬼子。應(yīng)蝶一揮手，城門隨即關(guān)閉，聶如風(fēng)一家人就這樣隔離開(kāi)來(lái)。突然之間，天色就變了。這一瞬間，應(yīng)蝶開(kāi)始變身，背后長(zhǎng)出黑色的翅膀，與此同時(shí)耳朵和指甲隨著變長(zhǎng)，瞳孔也顯現(xiàn)出紅色。憤怒的應(yīng)蝶恨不得把侵華的洋鬼子統(tǒng)統(tǒng)殺死，但是縱然她有一身的本領(lǐng)，也敵不過(guò)洋槍炮彈。最終，應(yīng)蝶還是死在了洋鬼子的槍下。而應(yīng)蝶變身的一幕，恰好被也是逃難的人拍了下來(lái)。城外的聶如風(fēng)聽(tīng)到槍聲，心中悲痛。但是他不敢想象應(yīng)蝶已經(jīng)死去，聶如風(fēng)始終相信他只是跟應(yīng)蝶走散了。總有一天，他們會(huì)相逢的。傷心的他帶著兩個(gè)女兒逃到上海避難。后來(lái)，清朝更迭，進(jìn)入民國(guó)時(shí)期。而當(dāng)年幼小的傾城已經(jīng)出落成大姑娘，為了減輕父親聶如風(fēng)的負(fù)擔(dān)，供妹妹聶傾心在貴族學(xué)校讀書，傾城在仙樂(lè)思舞廳做起了頭牌歌女。一日，當(dāng)傾城在換衣服的時(shí)候，她發(fā)現(xiàn)手上金光閃閃的亮點(diǎn)，甚至乎背后還長(zhǎng)出了若隱若現(xiàn)的翅膀。年紀(jì)輕輕的傾城不知道自己繼承了母親應(yīng)蝶半妖的特異能力，只覺(jué)得是自己看錯(cuò)了。上海灘地頭蛇刀疤五爺請(qǐng)新上任的巡捕房總長(zhǎng)明夏到仙樂(lè)思聽(tīng)歌賞舞，為了巴結(jié)明夏，把一箱金條和才貌兼全的歌女傾城做順?biāo)饲椋屆飨慕o自己走私之便。年輕正直的明夏面對(duì)金錢與美女的誘惑，斷然拒絕，順帶把傾城救出險(xiǎn)境。傾城見(jiàn)明夏是個(gè)有為青年，有救了自己一命，不禁芳心暗許。傾城偷偷回到家，卻撞上為她留門的父親聶如風(fēng)，傳統(tǒng)的聶如風(fēng)見(jiàn)傾城衣著怪異，還披著男人的西裝，數(shù)落傾城應(yīng)該要有大家閨秀的模樣。好在妹妹傾心幫忙圓謊，聶如風(fēng)才不知道傾城找了份跳舞的工作。姐妹倆人嬉笑洗澡，不料浴缸爆裂。原來(lái)是傾城手上的胎記發(fā)出金光作怪。這一奇怪的事情，讓傾城更加百思不得其解。傾心想要參加社會(huì)名媛杜夫人的派對(duì)，但是沒(méi)錢沒(méi)地位的她，買不到參加派對(duì)的請(qǐng)柬，獨(dú)自傷心難過(guò)。傾城知道后，答應(yīng)傾心會(huì)想辦法帶她去派對(duì)，傾心高興不已。但是，聶家兩姐妹來(lái)到派對(duì)后，女同學(xué)們都擠兌傾心。傾城不忍自己的妹妹受氣，巧妙為傾心解圍。傾城在花園透氣，想不到再次遇見(jiàn)明夏，倆人都覺(jué)得是緣分。傾城主動(dòng)教明夏跳舞，倆人快速陷入戀情。正當(dāng)一切順順利利的時(shí)候，聶如風(fēng)卻發(fā)現(xiàn)了傾城在仙樂(lè)思做歌女的事情，一怒之下便把傾城禁足。傾城偷偷從窗口出來(lái)，她告訴明夏不能再教他跳舞了。明夏說(shuō)對(duì)著晚霞許愿就能實(shí)現(xiàn)，傾城大聲說(shuō)出了自己想為父親分擔(dān)的心愿。明夏被傾城的善良、孝順的性格深深所吸引。