docs(demo): Add examples

public/content/config/header.yaml

@@ -0,0 +1,9 @@
+main:
+  - title: 归档
+    link: /archives
+    icon: ri:archive-line
+    view: elastic
+  - title: GitHub
+    link: https://github.com/syfxlin/next-theme-coline
+    icon: uil:github-alt
+    view: elastic-icon

public/content/posts/castle-in-the-sky-en/index.mdoc

@@ -0,0 +1,26 @@
+---
+title: Castle in the Sky
+layout: post
+status: publish
+published_time: 2024-01-19T23:14
+modified_time: 2024-01-19T23:26
+categories:
+  - 影视
+tags:
+  - 吉卜力工作室
+---
+***Castle in the Sky*** ([Japanese](https://en.wikipedia.org/wiki/Japanese_language): 天空の城ラピュタ, [Hepburn](https://en.wikipedia.org/wiki/Hepburn_romanization): *Tenkū no Shiro Rapyuta*), also known as ***Laputa: Castle in the Sky***, is a 1986 Japanese [animated](https://en.wikipedia.org/wiki/Anime) [fantasy](https://en.wikipedia.org/wiki/Fantasy_film) [adventure film](https://en.wikipedia.org/wiki/Adventure_film) written and directed by [Hayao Miyazaki](https://en.wikipedia.org/wiki/Hayao_Miyazaki). It was produced by [Isao Takahata](https://en.wikipedia.org/wiki/Isao_Takahata), animated by [Studio Ghibli](https://en.wikipedia.org/wiki/Studio_Ghibli), and distributed by the [Toei Company](https://en.wikipedia.org/wiki/Toei_Company). In voice acting roles, the original Japanese version stars [Mayumi Tanaka](https://en.wikipedia.org/wiki/Mayumi_Tanaka), [Keiko Yokozawa](https://en.wikipedia.org/wiki/Keiko_Yokozawa), Kotoe Hatsui, and [Minori Terada](https://en.wikipedia.org/wiki/Minori_Terada). The film follows orphans Sheeta and Pazu, who are chased by government agent Muska, the army, and a group of pirates over Sheeta's crystal necklace on their way to Laputa, a mythical castle flying in the sky.
+
+*Castle in the Sky* is the first film to be animated by Studio Ghibli, with a production team comprising many of Miyazaki's longtime collaborators, who would continue to work with the studio for the following three decades. The studio's intent was to create original feature films without any compromise of quality. The film was partly inspired by Miyazaki's trips to Wales, where he witnessed the aftermath of the [1984 coal miners' strike](https://en.wikipedia.org/wiki/UK_miners%27_strike_\(1984%E2%80%9385\)). The island of Laputa is used to highlight the theme of environmentalism, exploring the relationships between humanity, nature, and technology, a reflection of Miyazaki's ecological philosophy. The young protagonists also provide a unique perspective on the narrative, as a result of Miyazaki's desire to portray "the honesty and goodness of children in [his] work."[
+{% sup %}[1]{% /sup %}
+](https://en.wikipedia.org/wiki/Castle_in_the_Sky?useskin=vector#cite_note-MN-1) Many aspects of the film's [retrofuturistic](https://en.wikipedia.org/wiki/Retrofuturistic) style – the flying machines in particular – are influenced by nineteenth-century approaches, which has earned the film a reputation in the modern [steampunk](https://en.wikipedia.org/wiki/Steampunk) genre.
+
+The film released in Japanese theaters on August 2, 1986. It performed below expectations at the box office, but later achieved commercial success through rereleases, earning over US$157 million as of 2021. An English dub commissioned by [Tokuma Shoten](https://en.wikipedia.org/wiki/Tokuma_Shoten) in 1988 was distributed in North America by [Streamline Pictures](https://en.wikipedia.org/wiki/Streamline_Pictures), and another dub was produced by [Disney](https://en.wikipedia.org/wiki/Walt_Disney_Pictures) in 1998, released internationally by [Buena Vista](https://en.wikipedia.org/wiki/Walt_Disney_Studios_Home_Entertainment) in 2003. The film's score was composed by [Joe Hisaishi](https://en.wikipedia.org/wiki/Joe_Hisaishi), who would become a close collaborator of Miyazaki's; Hisaishi also composed a reworked soundtrack for the 2003 English dub. The film was generally acclaimed by critics, though the 2003 English dub received mixed reviews. It was well-received by audiences, being voted as one of the greatest animated films of all time in later years. The film also received several notable accolades. *Castle in the Sky* has since earned "[cult status](https://en.wikipedia.org/wiki/Cult_film)",[
+{% sup %}[2]{% /sup %}
+](https://en.wikipedia.org/wiki/Castle_in_the_Sky?useskin=vector#cite_note-FOOTNOTEMcCarthy200297-2) and has influenced several notable artists working in multiple media.
+
+## **Plot summary**
+
+An airship carrying Sheeta – an orphan girl abducted by government agent Muska – is attacked by Dola and her gang, seeking Sheeta's crystal necklace. Attempting to escape, Sheeta falls from the airship, but is saved by the magic of the now-glowing crystal, which lowers her slowly. She is caught by Pazu, who takes her to his home. The next morning, Pazu shows Sheeta a picture his father took of Laputa, a mythical flying island. Determined to clear his father's name, Pazu vows to find Laputa. However, they are found and pursued by Dola's gang as well as the army and Muska. They are attacked and fall into a mine shaft, but are saved again by the crystal, which lowers them deep into the pit. In the tunnels, they meet Uncle Pom, who shows them deposits of the glowing mineral Aetherium, the same material as Sheeta's crystal.
+
+> Reference from [Castle in the Sky](https://en.wikipedia.org/wiki/Castle_in_the_Sky)

public/content/posts/castle-in-the-sky-zhs/index.mdoc

@@ -0,0 +1,50 @@
+---
+title: 天空之城
+layout: post
+status: publish
+published_time: 2024-01-19T23:14
+modified_time: 2024-01-19T23:21
+categories:
+  - 影视
+tags:
+  - 吉卜力工作室
+---
+《**天空之城**》（日语：**天空の城ラピュタ**）是一部由[吉卜力工作室](https://zh.wikipedia.org/wiki/%E5%90%89%E5%8D%9C%E5%8A%9B%E5%B7%A5%E4%BD%9C%E5%AE%A4)制作、[宫崎骏](https://zh.wikipedia.org/wiki/%E5%AE%AB%E5%B4%8E%E9%AA%8F)执导，于1986年8月2日首映的[日本](https://zh.wikipedia.org/wiki/%E6%97%A5%E6%9C%AC)[动画电影](https://zh.wikipedia.org/wiki/%E5%8B%95%E7%95%AB%E9%9B%BB%E5%BD%B1)，作品的[原作](https://zh.wikipedia.org/wiki/%E5%8E%9F%E4%BD%9C)、[导演](https://zh.wikipedia.org/wiki/%E5%B0%8E%E6%BC%94)、[剧本](https://zh.wikipedia.org/wiki/%E5%8A%87%E6%9C%AC)和[角色设定](https://zh.wikipedia.org/wiki/%E8%A7%92%E8%89%B2%E8%A8%AD%E5%AE%9A)皆由宫崎骏担任[
+{% sup %}[2]{% /sup %}
+](https://zh.wikipedia.org/wiki/%E5%A4%A9%E7%A9%BA%E4%B9%8B%E5%9F%8E?useskin=vector#cite_note-2)。此作也是吉卜力工作室首次公开的剧院作品，由[东映](https://zh.wikipedia.org/wiki/%E6%9D%B1%E6%98%A0)发行。[
+{% sup %}[3]{% /sup %}
+](https://zh.wikipedia.org/wiki/%E5%A4%A9%E7%A9%BA%E4%B9%8B%E5%9F%8E?useskin=vector#cite_note-3)
+
+《天空之城》的故事背景约设定在[19世纪](https://zh.wikipedia.org/wiki/19%E4%B8%96%E7%B4%80)后期的[蒸气朋克](https://zh.wikipedia.org/wiki/%E8%92%B8%E6%B0%A3%E9%BE%90%E5%85%8B)虚构世界，讲述一位[技工](https://zh.wikipedia.org/wiki/%E6%8A%80%E5%B7%A5)[学徒](https://zh.wikipedia.org/wiki/%E5%AD%B8%E5%BE%92)的少年和一位持有神秘[矿石](https://zh.wikipedia.org/wiki/%E7%A4%A6%E7%9F%B3)的少女相遇，又与[政府](https://zh.wikipedia.org/wiki/%E6%94%BF%E5%BA%9C)[军队](https://zh.wikipedia.org/wiki/%E8%BB%8D%E9%9A%8A)、[特务](https://zh.wikipedia.org/wiki/%E7%89%B9%E5%8B%99)和[海盗](https://zh.wikipedia.org/wiki/%E6%B5%B7%E7%9B%9C)争相寻找传说中的天空之城“拉普达”的冒险故事。[
+{% sup %}[4]{% /sup %}
+](https://zh.wikipedia.org/wiki/%E5%A4%A9%E7%A9%BA%E4%B9%8B%E5%9F%8E?useskin=vector#cite_note-bcdb-4)这部电影在1986年获得[Animage动漫大奖](https://zh.wikipedia.org/wiki/Animage)并得到积极的评价，票房收入超过1600万美元。截至2021年《天空之城》在票房、家庭影像和配乐方面的总收入约1.57亿美元。[
+{% sup %}[5]{% /sup %}
+](https://zh.wikipedia.org/wiki/%E5%A4%A9%E7%A9%BA%E4%B9%8B%E5%9F%8E?useskin=vector#cite_note-5)
+
+《天空之城》对[日本流行文化](https://zh.wikipedia.org/wiki/%E6%97%A5%E6%9C%AC%E6%B5%81%E8%A1%8C%E6%96%87%E5%8C%96)的影响相当广大，影响日本国内与海外大量的动画及漫画系列作品。在当代也被誉为是蒸汽朋克和[柴油朋克](https://zh.wikipedia.org/wiki/%E6%9F%B4%E6%B2%B9%E6%9C%8B%E5%85%8B)流派中最具有影响力的代表作品。在关于最佳动画电影列表的日本民意调查中，《天空之城》在2006年[文化厅媒体艺术祭](https://zh.wikipedia.org/wiki/%E6%96%87%E5%8C%96%E5%BB%B3%E5%AA%92%E9%AB%94%E8%97%9D%E8%A1%93%E7%A5%AD)上被评为第二佳动画电影，在2008年Oricon观众投票中被评为第一名。
+
+## **概要**
+
+这部动画作品是宫崎在小学时代构想的虚构作品为基础，并且没有原作的首部原创动画作品。[
+{% sup %}[6]{% /sup %}
+](https://zh.wikipedia.org/wiki/%E5%A4%A9%E7%A9%BA%E4%B9%8B%E5%9F%8E?useskin=vector#cite_note-6)制作由[德间书店](https://zh.wikipedia.org/wiki/%E5%BE%B7%E9%96%93%E6%9B%B8%E5%BA%97)负责。宫崎在[高畑勋](https://zh.wikipedia.org/wiki/%E9%AB%98%E7%95%91%E5%8B%B3)的电影《[柳川堀割物语](https://zh.wikipedia.org/wiki/%E6%9F%B3%E5%B7%9D%E5%A0%80%E5%89%B2%E7%89%A9%E8%AA%9E)》制作延误后，为筹集资金而向德间书店的铃木敏夫寻求协助，从而启动了这个企划，并且成为了于此电影为契机而创立的吉卜力工作室的第一部作品。
+
+面对越来越面向高年龄观众的动画，宫崎的方针是以漫画电影复兴为目标，将小学生作为对象企划了一部古典冒险故事，而作品也能够受到成年观众的欣赏[
+{% sup %}[7]{% /sup %}
+](https://zh.wikipedia.org/wiki/%E5%A4%A9%E7%A9%BA%E4%B9%8B%E5%9F%8E?useskin=vector#cite_note-7)，虽然最终的票房数字并不理想，但由东映发行的观众满意度调查却高达97.7%[
+{% sup %}[8]{% /sup %}
+](https://zh.wikipedia.org/wiki/%E5%A4%A9%E7%A9%BA%E4%B9%8B%E5%9F%8E?useskin=vector#cite_note-8)，故事得到了广泛年龄层的支持，并且电影录像带发行销售表现良好。
+
+“拉普达”这个名称取自[乔纳森·斯威夫特](https://zh.wikipedia.org/wiki/%E4%B9%94%E7%BA%B3%E6%A3%AE%C2%B7%E6%96%AF%E5%A8%81%E5%A4%AB%E7%89%B9)的《[格列佛游记](https://zh.wikipedia.org/wiki/%E6%A0%BC%E5%88%97%E4%BD%9B%E9%81%8A%E8%A8%98)》中的一个国家，即位于飞行岛上的“拉普达王国”。故事中也出现了以斯威夫特为名的人物，他幻想了飞行岛的故事，但《天空之城》除了借用名字之外与《格列佛游记》并无关联。
+
+### **特色**
+
+故事舞台在一个约为十九世纪后期的[蒸气朋克](https://zh.wikipedia.org/wiki/%E8%92%B8%E6%B0%A3%E9%BE%90%E5%85%8B)虚构世界，古老的帝国“[拉普达](https://zh.wikipedia.org/wiki/%E6%8B%89%E6%99%AE%E9%81%94)”是一座传说中能够漂浮在空中的天空之城，传说那座岛屿已经无人居住但是里面却蕴藏着巨大的财富与惊人的神奇力量与发达的科技。因此无论军方、空中海贼或是许多的探险家等不平凡的人物都在找寻着这座岛屿，但是只有少数人能够穿越守护拉普达的云层“龙之巢”并且亲眼目睹拉普达城后还能平安回到地面。
+
+作品的主角是一位[技工](https://zh.wikipedia.org/wiki/%E6%8A%80%E5%B7%A5)[学徒](https://zh.wikipedia.org/wiki/%E5%AD%B8%E5%BE%92)的少年巴斯，与一位持有神秘[矿石](https://zh.wikipedia.org/wiki/%E7%A4%A6%E7%9F%B3)的少女希达，他们两人将开始踏上从政府军队、一群秘密特务和一些海盗们展开抢夺护身符的混战之中，寻找天空之城“拉普达”的冒险。
+
+## **剧情概述**
+
+某天晚上，在一片漆黑的夜空中，一艘海盗飞船袭击了飞艇。空中海盗集团朵拉一族的目的并不是掠夺财物，而是寻找一位名叫希达的少女。希达所持有的护身符拥有神秘的力量，因此她被政府特务罗穆斯卡带往政府军总部协助调查。当朵拉一族入侵飞艇引发混乱时，希达使用酒瓶击昏正在请求援兵的罗穆斯卡并拿回护身符，她为了逃离朵拉一族的追捕不慎从飞行船上掉落到地面上的铁车道山谷。就在此时，护身符的神秘力量让希达缓慢地降落。一位技工学徒的少年巴斯救下希达却不知道该如何处理她，于是巴斯只好带希达回家。第二天早上，巴斯给刚苏醒过来的希达看他去世的父亲留下的照片。巴斯的父亲生前拍摄的照片显示一个名为"拉普达"的飞行岛屿。他曾亲眼目睹拉普达城并告诉所有人关于拉普达城的存在却被当成骗子。因此巴斯的愿望是自己制造一架小型飞机来寻找拉普达城足以证明他父亲的话是真实的...
+
+> 引用自 [天空之城 - 维基百科](https://zh.wikipedia.org/wiki/%E5%A4%A9%E7%A9%BA%E4%B9%8B%E5%9F%8E)

src/components/layouts/article-info/styles.css.ts

@@ -48,8 +48,8 @@ export const excerpt = styled.css`
 `;
 
 export const thumbnail = styled.css`
-  flex-basis: 30%;
-  margin-left: ${theme.spacing.calc(4)};
+  flex-basis: 30% !important;
+  margin-left: ${theme.spacing.calc(4)} !important;
 `;
 
 export const link = styled.css`