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