这是什么？
你有没有想过在电影圈大展拳脚，孩子？或者在戏剧舞台上？也许你更喜欢电子游戏的对话写作——无论哪种情况，如果你想匹配剧本或电影脚本格式，这个组件就是为你准备的！
这是由 
Queerious 制作的 电影脚本 组件，设计为可根据不同的宽高比动态调整大小。它还旨在让你在 Wiki 或沙盒中以剧本格式书写时更快、更方便！
当Include此组件时，它只提供代码和格式，以增加灵活性。使用此组件，请按照以下步骤操作：
第 1 步 - 代码
你的页面顶端需要包含这行代码：
[[include :scp-wiki-cn:component:screenplay]]
上面这行只需要在文章顶部包含一次。
第 2 步 - 脚本
包含代码后，您可以在页面上的任意位置创建脚本！要做到这一点，请从声明您的脚本div开始：
[[div class="script"]]
[[/div]]
你应该会得到这样的效果！
设置完成后，你就可以开始写脚本了！你可以使用任何你想要的格式、图片或其他元素；但是，该组件提供了一些样式覆盖，以简化写作过程。下一部分包含所有主要脚本元素的参考文档、组件的使用方法以及示例。
脚本语法
该组件旨在支持在Wikidot编辑器中以剧本或电影脚本格式进行写作，通过自动应用脚本样式来提高书写速度，而无需不断声明div或span元素。
下一部分将介绍每个基本的脚本元素：
场景标题
场景标题是脚本顶部的元素，标识场景。例如：
int. site - day
要写场景标题，在该行前加上“+++”，例如：
+++ 室内 站点 - 白天
注意：该格式会自动将这些词大写，因此你无需担心。
角色名称
角色名称在整个脚本格式中使用，用于标明台词的说话者。例如：
queerious
要写角色名称，在该行前加上“+”。例如：
+ queerious
注意：该格式会自动将这些词大写，因此你无需担心。
括号说明
括号内文本在剧本格式中用于标明角色语气或其他指示。这些括号说明始终紧跟在角色名称之后。例如：
queerious
(讽刺地)
要添加括号说明，在该行前加上“+”。只有当它紧跟在角色名称行之后时，才会被格式化为括号说明。例如：
+ queerious
+ (讽刺地)
注意：括号说明通常用于角色名称之后，但也可以用于紧接着的台词块之后。如果在台词后直接添加括号说明，应使用“++”而不是“+”。
对话
台词是剧本或电影脚本的主要部分。这些台词之前总是有角色名称（有时还会有括号说明）。例如：
queerious
这就是我正说的对话！多么迷人。
要书写台词，你不需要进行任何特殊格式化。任何紧跟在角色名称或括号说明之后的行都会被格式化为台词。例如：
+ queerious
这就是我正说的对话！多么迷人。
情节
情节用于整个脚本格式中，用来描述环境、角色行为或其他非台词内容。例如：
queerious
这就是我正说的对话！
Queerious转向她的左边，直接面朝观众。
要写情节行，你不需要进行任何特殊格式化。任何不紧跟人物名/括号说明的行都会被格式化为情节行。最简单的保证方法是在任何动作文本上方留一行空白。例如：
+ queerious
这就是我正说的对话！
Queerious转向她的左边，直接面朝观众。
注意：回顾一下，紧跟在人名或括号说明之后的普通文本会被视为对话，而其他情况下的普通文本会被视为情节。
场景过渡
场景过渡位于脚本中场景的末尾，显示向新场景的过渡。例如：
淡入：
要写场景过渡，在该行前加上“++++”，例如：
++++ 淡入：
注意：该格式会自动将这些词大写，因此你无需担心。
修改外观
修改脚本外观的设计目标是尽可能简单轻松。文本颜色是继承的，可以手动更改。脚本的背景和边框通过变量设置，可以按如下方式修改：
:root {
--script-color: #f4f4f4;
--script-border: #999;
--font-color: #000;
}
上述为默认值，可以用你的CSS模块更改。
大杂烩
在解释了每个脚本元素之后，下面是一个示例脚本及其对应语法。
示例：
室内 站点 - 白天
Queerious
(讽刺地)
这就是我正说的对话！多么迷人。
Queerious转向她的左边，直接面朝观众。
Queerious (接续)
用于表示接续台词的标签需要手动添加，除此之外就没有其他要求了！
分解为：
代码：
[[div class="script"]]
+++ 室内 站点 - 白天
+ Queerious
+ (讽刺地)
这就是我正说的对话！多么迷人。
Queerious转向她的左边，直接面朝观众。
+ Queerious (接续)
用于表示接续台词的标签需要手动添加，除此之外就没有其他要求了！
++++ 分解为：
[[/div]]
显示源代码
:root {
--script-color: #f4f4f4;
--script-border: #999;
--font-color: #000;
}
.script {
border: 1px solid var(--script-border);
background-color: var(--script-color);
color: var(--font-color);
font-family: monospace;
padding: 1.5em 3.5em;
margin: 1em 1em;
line-height: 1.4;
}
/* Character */
.script h1 {
color: var(--font-color);
font-family: inherit;
font-weight: normal;
letter-spacing: initial;
font-size: 1em;
text-align: center;
text-transform: uppercase;
margin: 0.5em 23.5% 0em;
}
/* Paranthetical */
.script h1 + h1,
.script p + h2 {
color: var(--font-color);
font-family: inherit;
font-weight: normal;
letter-spacing: initial;
margin: 0.1em 0em 0em 35%;
text-transform: uppercase;
text-align: left;
font-size: 90%;
}
/* Dialogue */
.script h1 + p,
.script h2 + p {
color: var(--font-color);
font-family: inherit;
font-weight: normal;
letter-spacing: initial;
font-size: 1em;
text-align: left;
margin: 0.1em 23.5% 0em;
line-height: 1.5em;
}
/* Scene Header */
.script h3 {
color: var(--font-color);
font-family: inherit;
font-weight: normal;
letter-spacing: initial;
font-size: 1em;
text-transform: uppercase;
margin: 1.5em 0 1em;
}
/* Scene Transition */
.script h4 {
color: var(--font-color);
font-family: inherit;
font-weight: normal;
letter-spacing: initial;
font-size: 1em;
text-align: right;
text-transform: uppercase;
margin: 1em 0em 1.5em 0em;
}
.script p {
margin-top: 1em;
}
@media screen and (max-width: 650px){
.script {
padding: 1em 2.5em;
font-size: 90%;
}
.script h1 + p,
.script h2 + p {
margin: 0.1em 9.5% 0em;
}
.script h1 + h1,
.script p + h2 {
margin-right: 20%;
}
}