故事讲述了谭家军少帅谭玹霖（陈星旭饰）与上海第一千金沐婉卿（张婧仪饰）意外结识，在多事之秋的上海滩，两人从开始的斗智斗勇到结盟逆袭再到心动相爱，历经重重磨难，命运深深地纠葛在一起，最终收获了一段浪漫的爱情故事。
1926年，因父母决裂而旅日十年的沐婉卿带着母亲的骨灰回国安葬，表面上她投奔父亲，实则为了查明当年导致父母决裂的兄长之死的真相。兵变上位的上海城防长官谭玹霖因出身低微一直受到排挤，逆袭之后的处境依然如履薄冰。越城司令的独子徐光耀虽是众星捧月的天之骄子，却对官场的权力倾轧十分反感。因缘际会下，沐婉卿、谭玹霖和徐光耀三个年轻人结下了深厚的缘分。沐婉卿为了在沐家立足故意接近徐光耀以做靠山，而谭玹霖为了调查与沐家有关的陈年旧案提出与沐婉卿合作各取所需。三个人在经历了一系列大起大落甚至生死考验之后，谭玹霖和徐光耀在共产党人廖曦的指引之下，看透了反动军阀“只争私利，有家无国”的实质，殊途同归的投入到了大革命的洪流之中。在此过程中，三个人之间渐渐滋长的情愫也成就了一段荡气回肠的爱情传奇 [3]1926年上海，沐婉卿端坐桌前，写下日记。离开上海已有十年，如今报纸上零星的消息拼凑起来的，是一个人心浮动、局势动荡的上海。而她的父亲沐致远却在这个风口浪尖成为了华商总会会长。那座熟悉的沐公馆里，也早已经有了新的女主人。即便是上海大亨的女儿，可是兴文至此，沐婉卿还是忍不住皱起了眉头，想到了自己的母亲。沐婉卿细致地讲日记本放入箱子中，重拾笑容抚摸着泛黄的照片，里面有她的家人。可是当她看到另一张照片上被划掉脸的女人时，笑容顿时僵住，眼中满是厌恶。沐家的新女主人崔连凤正在府中指挥着家丁丫鬟摆放家具。管家找到崔连凤，表示自己本想派车去码头迎接沐婉卿，可无奈没有车。可崔连凤很不以为意。管家无奈，只好叹气离开。早在之前，母亲便叮嘱过婉卿，如若在沐家过得不如意，便可以变卖自己的嫁妆，自立门户。婉卿紧紧握着母亲的遗物，发誓一定会替母亲和哥哥好好活下去。回上海的渡轮上，婉卿被玻璃杯碎掉的声音惊扰，扭头一看，一个男人正搂着一个女人的腰肢。这个男人正是谭家军少帅谭玹霖，而女人便是谭玹霖机要秘书徐曼。见徐曼执意要走，他只好放开自己的手。待徐曼走远，谭玹霖一改纨绔子弟的模样，眼神中腾地升起一股杀气，悄悄跟了上去。徐曼果然正悄悄撬开谭玹霖的箱子，见谭玹霖进来，她眼中闪过一丝慌乱。随后，徐曼用纤细的手拂过谭玹霖的肢体，表示自己这么做也是为了阻止他犯下大错。谭玹霖佯装与徐曼纠缠，趁其不备用对方的暗器划过她的脖颈，徐曼循声倒地。婉卿突然发现自己的东西不见了，便着急回房间寻找。可谁知门牌号码松动，婉卿误打误撞正好看到谭玹霖正在处理徐曼。婉卿惊声尖叫，却被谭玹霖一把拦住，命令她不要出声。之前在甲板上与婉卿有过一面之缘，听到她和服务生用日语对话，便以为她也是日本人。谭玹霖担心走漏风声，便将婉卿强制留在身边，直到走出了码头。上海防守司令吴向应亲自到码头迎接谭玹霖，表示徐伯钧这两天对自己盯得越发紧了，想让他的心腹取代自己。吴向应疑惑谭玹霖为何会和一个陌生女人一同下船。谭玹霖原以为婉卿是日本人，便不想多追究。可细细想来，才后知后觉，婉卿是能够听懂中文的。谭玹霖心中大惊，急忙开车去追。正巧在街上遇到，便二话不说将婉卿带上车。最近形势紧张，谭玹霖担心婉卿破坏，便将她牢牢绑在身边。婉卿被迫跟着谭玹霖来到了一家酒店，正巧在这里遇到了华东督军徐伯钧的独子徐光耀。婉卿像是抓住了救命稻草，几次三番发出求救信号，可每次都被谭玹霖戳破。回到房间，谭玹霖将婉卿绑在床上，便独自出门了。趁谭玹霖不在，婉卿便奋力打开手铐，拿着箱子往外跑。可她不知道的是，自己拿错了谭玹霖的箱子。更巧的是，婉卿竟在电梯口遇到了谭玹霖。婉卿慌乱逃跑，正巧遇到了徐光耀，便顺势躲进他的房间里。说来也巧，婉卿和徐光耀也算是青梅竹马，如今相见，两人都是兴奋不已。婉卿赶紧将自己的经历告知徐光耀。另一边，谭玹霖赶紧找吴向应商量此事，决定提前行动。见婉卿回来，崔连凤佯装热情。婉卿很是不适，急忙抽出自己的手。崔连凤让人将婉卿的行李拿进去，徐光耀认出婉卿手中的箱子是谭玹霖的，便赶忙接过箱子，亲自送到房中。徐光耀打开箱子，还没来得及细看，便被沐婉婷叫走。可他心中已有预感，今日之事定不简单。
晋阳督军苏景山之子苏泓琛、平城督军裴勋之子裴绍钧已出现，便引起了骚乱。姑娘们将门口围得水泄不通，只为一睹两位少帅的俊朗之容。而这其中就站着谭家二小姐谭桑瑜。进到宴会厅，谭桑瑜便走上前去，递给裴绍钧一张字条，表示自己要追求他。裴绍钧眼神闪躲，不知该如何是好。一旁的苏泓琛责骂谭桑瑜伤风败俗。谁知谭桑瑜不以为然，表示自己是新时代女性，思想自由。苏泓琛一时语塞，只好噤声。越城督军徐伯钧隆重登场，众人赶紧出门迎接。电影明星顾月霜姗姗来迟，立马吸引了所有人的目光。苏泓琛无意撞到顾月霜，正想破口大骂，可看清对方面容后，心顿时慌乱起来，四周的空气都变得暧昧异常。趁四下无人，婉卿打开谭玹霖的箱子，在里面发现了上海的布防图，不知谭玹霖到底是何许人也。宴会上，众人有意撮合徐光耀和沐婉婷。可一见到婉卿，徐光耀的眼神便被吸引而去，径直朝婉卿走去。相拥而舞之时，婉卿趁机告知徐光耀，自己在箱子里发现了一张布防图。在日本修学时，婉卿辅修了建筑学，认得上面的图案。布防图上有等高线地形图，还有上海周边的军事标识，并且连桥梁、道路的宽窄都记录得很详细，很明显是一张军用地图。不过婉卿也注意到了，布防图上标记有驻军人数，还有一些箭头，猜测是进攻方向。徐光耀大吃一惊，本想做出反应，可人群突然聚集，挡住了他的去路。裴勋站上舞台，宣布推举徐伯钧为华东五省联军总司令。谁知半路杀出谭玹霖，大喊着反对进入众人视线。婉卿急忙躲到人群之后，谭桑瑜也赶紧往后躲了躲。面对众人的嘲讽，谭玹霖依旧镇定自若，当众宣布自己已经接管了上海司令部。众人啼笑皆非，嬉笑谭玹霖真是口出狂言。随后，吴向应带兵围攻沐公馆。谭玹霖让徐伯钧做出选择，要么安安稳稳地做联军总司令，把上海让出来，要么自己就想革命军投诚，大家一起再上一次战场。徐光耀从人群中闪出，敏捷地掏出腰上的枪对准谭玹霖。谭玹霖仰天大笑，表示自己已经占领了所有公路、铁路、码头，他们今日插翅难飞。可谁知苏泓琛竟推出谭桑瑜。谭桑瑜与谭玹霖互通眼色，佯装并不相识，这才得以逃脱。谭家军十年前被取消了番号，谭玹霖带着一支无家可归的军队到处流浪。如今谭玹霖发动兵变，无非就是想要上海的管辖权。徐光耀顺势提议，让谭玹霖加入徐家麾下，自己的父亲可以保他做上海司令。谭玹霖冷笑一声，丝毫不肯退让。突然，一把小巧的手枪抵住谭玹霖的脑袋，众人惊讶，拿枪的竟是沐家小姐沐婉卿。几方阵营互不退让，婉卿为了拿回母亲的骨灰，便提出以自己交换徐光耀作为人质。闹剧结束，沐致远提醒徐伯钧，如若自己的女儿被伤了一根毫毛，那军饷之事就此作罢。在谭府做人质，婉卿吃好喝好，十分惬意。谭玹霖也知道婉卿的身世，故意激怒她。婉卿强忍怒火，可却无可奈何。徐光耀猜测谭玹霖并无鱼死网破之心，要不然他大可以通电全国，宣布自己占领上海便是。可如今他既想得到父亲的承认，就说明他并不想公然和督军府对立，绑走婉卿，无非就是想要个台阶下。于是，徐光耀亲自到访谭府，试着收拢谭玹霖。夜色浑浊，透露出紧张气息。