中国分部部分站点权限卡设计方案 - Part 1

源页面
2025年3月9日
修订 7

核心指标

更新于 2025年11月6日
评分
123
↑ 150
↓ 27
支持率
85%
总票数 177
Wilson 95% 下界
78.7%
在相同票数下更稳健的支持率估计
争议指数
0.517

评分趋势

按周聚合
加载图表中...

最近修订

1 / 3
修改标签
3 个月前
已新增标签:site-cn-96。
编辑内容
7 个月前
编辑内容
7 个月前

最近投票

1 / 18
2025-10-26
2025-09-11
2025-08-27
2025-08-21
2025-08-16
2025-07-26
2025-07-24

页面源码

源码字符数 21596文字字数 2363
[[include :scp-wiki-cn:theme:y2k]]

[[include :scp-wiki:info:start]]

**作者:**

[[*user Yosk-San king]]:所有卡片的主要设计与制作,以及文本

[[*user Dr Talcite]]:版式与代码支持,视频转码,图片处理

**鸣谢:**

* 卡片中各个站点logo的作者;
* 为卡片设计提出意见和建议的所有人。

[[include :scp-wiki:info:end]]

[[div style="border: solid 1px #999999; 
background: #f2f2c2; 
padding: 5px; 
margin-bottom: 10px;"]]
[[=]]
[[size larger]] **基金会权限卡管理系统的通知** [[/size]]

以下会议记录有关最新版本的权限卡。会议发起者为Dr. Yosk Sankim;参与者为O4议会的O4-S12、O4-S36、O4-S44、O4-S96、O4-A02。

—— Yosk Sankim,ACMS负责人,2014年3月
[[/=]]
[[/div]]



[[include :scp-wiki-cn:component:wechat inc-top=--]
|title=权限卡设计方案讨论会(6)
|darkmode=
]]

[[include :scp-wiki-cn:component:wechat inc-tip=--]
|content=你邀请O4-S12、O4-S36、
O4-S44、O4-S96、O4-A02加入了群聊。
]]

[[include :scp-wiki-cn:component:wechat inc-right=--]
|name=Yosk-Sankim
|icon=https://scpsandboxcn.wikidot.com/local--files/collab:card/Yosk-San-kim.png
|color=white
|content=大家好,我是基金会权限卡管理中心的新负责人Dr. Yosk Sankim(约斯克·三金),你们可以叫我**于三金**。今天邀请各位O4成员来展示我们中分新运行的权限系统的权限卡样式。
非常感谢卡片中各个站点logo的作者以及为卡片设计提出意见和建议的所有人。

]]

[[include :scp-wiki-cn:component:wechat inc-right=--]
|name=Yosk-Sankim
|icon=https://scpsandboxcn.wikidot.com/local--files/collab:card/Yosk-San-kim.png
|color=white
|content=我是从[*https://scpsandboxcn.wikidot.com/collab:site-cn-96 Site-CN-96]调任过来的,所以我最先设计的是96的。
但是在接下来的展示过程中我会按照站点编号从小到大的顺序进行展示。

]]

[[include :scp-wiki-cn:component:wechat inc-end=--]
|content=none
]]

----

[[div class="email-example"]]

[[collapsible show="对方发送了十四 (14) 个附件!接收文件?" hide="隐藏附件"]]

> = **电脑端请将鼠标悬停于卡片上以翻转,移开鼠标可翻回正面。**
> = **移动端/触摸屏请用手指点按卡片翻转,点击卡片旁空白处可翻回正面。**
> = **如果卡面显示为纯色,是图片没有加载出来,烦请稍作等候。**

[!-- 

⚠️⚠️⚠️因为本页面折叠嵌套的结构比较复杂,出错可能会导致整个页面炸掉❗❗❗

添加新卡请复制使用以下代码模板(颜色一般是rgb格式,可以从卡面上吸主色):

[[include :scp-wiki-cn:component:coltop show=▷ XX站|hide=▽ XX站]]

[[div class="card"]]
[[div class="front"
style="
background-color: 正面填充背景色;
background-image: url(正面图片链接);"]]
[[/div]]
[[div class="back"
style="
background-color: 背面填充背景色;
background-image: url(背面图片链接);"]]
[[/div]]
[[/div]]

[[include :scp-wiki-cn:component:colend]]

⚠️⚠️⚠️复制到此处结束

--]

[[include :scp-wiki-cn:component:coltop show=▷ 12站|hide=▽ 12站]]

++ 配色方案1

[[div class="card"]]
[[div class="front"
style="
background-color: rgb(37, 53, 69);
background-image: url(https://scpsandboxcn.wikidot.com/local--files/collab:card/S12-01-A.jpg);"]]
[[/div]]
[[div class="back"
style="
background-color: rgb(37, 53, 69);
background-image: url(https://scpsandboxcn.wikidot.com/local--files/collab:card/S12-01-B.jpg);"]]
[[/div]]
[[/div]]

++ 配色方案2

[[div class="card"]]
[[div class="front"
style="
background-color: rgb(38, 38, 40);
background-image: url(https://scpsandboxcn.wikidot.com/local--files/collab:card/S12-02-A.jpg);"]]
[[/div]]
[[div class="back"
style="
background-color: rgb(38, 38, 40);
background-image: url(https://scpsandboxcn.wikidot.com/local--files/collab:card/S12-02-B.jpg);"]]
[[/div]]
[[/div]]

[[include :scp-wiki-cn:component:colend]]

[[include :scp-wiki-cn:component:coltop show=▷ 36站|hide=▽ 36站]]

++ 配色方案1

[[div class="card"]]
[[div class="front"
style="
background-color: rgb(85, 123, 160);
background-image: url(https://scpsandboxcn.wikidot.com/local--files/collab:card/S36-01-A.jpg);"]]
[[/div]]
[[div class="back"
style="
background-color: rgb(85, 123, 160);
background-image: url(https://scpsandboxcn.wikidot.com/local--files/collab:card/S36-01-B.jpg);"]]
[[/div]]
[[/div]]

++ 配色方案2

[[div class="card"]]
[[div class="front"
style="
background-color: rgb(36, 128, 215);
background-image: url(https://scpsandboxcn.wikidot.com/local--files/collab:card/S36-02-A.jpg);"]]
[[/div]]
[[div class="back"
style="
background-color: rgb(36, 128, 215);
background-image: url(https://scpsandboxcn.wikidot.com/local--files/collab:card/S36-02-B.jpg);"]]
[[/div]]
[[/div]]

++ 配色方案3

[[div class="card"]]
[[div class="front"
style="
background-color: rgb(216, 129, 0);
background-image: url(https://scpsandboxcn.wikidot.com/local--files/collab:card/S36-03-A.jpg);"]]
[[/div]]
[[div class="back"
style="
background-color: rgb(216, 129, 0);
background-image: url(https://scpsandboxcn.wikidot.com/local--files/collab:card/S36-03-B.jpg);"]]
[[/div]]
[[/div]]

[[include :scp-wiki-cn:component:colend]]

[[include :scp-wiki-cn:component:coltop show=▷ 44站|hide=▽ 44站]]

[[div class="card"]]
[[div class="front"
style="
background-color: rgb(0, 113, 163);
background-image: url(https://scpsandboxcn.wikidot.com/local--files/collab:card/S44-01-A.jpg);"]]
[[/div]]
[[div class="back"
style="
background-color: rgb(0, 113, 163);
background-image: url(https://scpsandboxcn.wikidot.com/local--files/collab:card/S44-01-B.jpg);"]]
[[/div]]
[[/div]]

[[include :scp-wiki-cn:component:colend]]

[[include :scp-wiki-cn:component:coltop show=▷ 96站|hide=▽ 96站]]

++ 配色方案1

[[div class="card"]]
[[div class="front"
style="
background-color: rgb(230, 160, 111);
background-image: url(https://scpsandboxcn.wikidot.com/local--files/collab:card/S96-01-A.jpg);"]]
[[/div]]
[[div class="back"
style="
background-color: rgb(230, 160, 111);
background-image: url(https://scpsandboxcn.wikidot.com/local--files/collab:card/S96-01-B.jpg);"]]
[[/div]]
[[/div]]

++ 配色方案1 - 正面细化版

[[div class="card"]]
[[div class="front"
style="
background-color: rgb(216, 129, 0);
background-image: url(https://scpsandboxcn.wikidot.com/local--files/collab:card/S96-02-A.jpg);"]]
[[/div]]
[[div class="back"
style="
background-color: rgb(216, 129, 0);
background-image: url(https://scpsandboxcn.wikidot.com/local--files/collab:card/S96-01-B.jpg);"]]
[[/div]]
[[/div]]

++ 配色方案2

[[div class="card"]]
[[div class="front"
style="
background-color: rgb(43, 60, 90);
background-image: url(https://scpsandboxcn.wikidot.com/local--files/collab:card/S96-03-A.jpg);"]]
[[/div]]
[[div class="back"
style="
background-color: rgb(43, 60, 90);
background-image: url(https://scpsandboxcn.wikidot.com/local--files/collab:card/S96-03-B.jpg);"]]
[[/div]]
[[/div]]

++ 配色方案2 - 调暗版

[[div class="card"]]
[[div class="front"
style="
background-color: rgb(43, 60, 90);
background-image: url(https://scpsandboxcn.wikidot.com/local--files/collab:card/S96-04-A.jpg);"]]
[[/div]]
[[div class="back"
style="
background-color: rgb(43, 60, 90);
background-image: url(https://scpsandboxcn.wikidot.com/local--files/collab:card/S96-04-B.jpg);"]]
[[/div]]
[[/div]]

++ 配色方案3

[[div class="card"]]
[[div class="front"
style="
background-color: rgb(145, 95, 70);
background-image: url(https://scpsandboxcn.wikidot.com/local--files/collab:card/S96-05-A.jpg);"]]
[[/div]]
[[div class="back"
style="
background-color: rgb(145, 95, 70);
background-image: url(https://scpsandboxcn.wikidot.com/local--files/collab:card/96%EF%BC%8Dp3R);"]]
[[/div]]
[[/div]]

++ 配色方案4

[[div class="card"]]
[[div class="front"
style="
background-color: rgb(63, 47, 47);
background-image: url(https://scpsandboxcn.wikidot.com/local--files/collab:card/S96-07-A.jpg);"]]
[[/div]]
[[div class="back"
style="
background-color: rgb(63, 47, 47);
background-image: url(https://scpsandboxcn.wikidot.com/local--files/collab:card/S96-07-B.jpg);"]]
[[/div]]
[[/div]]

++ 极简化方案

[[div class="card"]]
[[div class="front"
style="
background-color: rgb(207, 116, 85);
background-image: url(https://scpsandboxcn.wikidot.com/local--files/collab:card/S96-06-A.jpg);"]]
[[/div]]
[[div class="back"
style="
background-color: rgb(207, 116, 85);
background-image: url(https://scpsandboxcn.wikidot.com/local--files/collab:card/S96-06-B.jpg);"]]
[[/div]]
[[/div]]

[[include :scp-wiki-cn:component:colend]]


[[include :scp-wiki-cn:component:coltop show=▷ 02区|hide=▽ 02区]]

[[div class="card"]]
[[div class="front"
style="
background-color: rgb(91, 102, 144);
background-image: url(https://scpsandboxcn.wikidot.com/local--files/collab:card/A02-02-A.jpg);"]]
[[/div]]
[[div class="back"
style="
background-color: rgb(91, 102, 144);
background-image: url(https://scpsandboxcn.wikidot.com/local--files/collab:card/A02-02-B.jpg);"]]
[[/div]]
[[/div]]

[[include :scp-wiki-cn:component:colend]]

----

[[include :scp-wiki-cn:component:coltop show=▷ Site-CN-96权限卡使用须知及注意事项(草案)|hide=▽ 隐藏附件]]


起草者:Camen博士

**当权限卡持有者需要使用某一权限锁保护的设备时,流程如下:**

[[=image https://scpsandboxcn.wikidot.com/local--files/collab:card/how%20to%20use%20card]]

[[=image https://scpsandboxcn.wikidot.com/local--files/collab:card/flowchart.png]]


[[div class="blockquote"]]

1. 卡片遵循“一人一卡”原则,请勿将卡片出租或转借,若被确认非本人使用卡片,则按照《基金会权限卡管理系统安全协议》(以下称《安全协议》)内容的第██条进行处置。每个人的PIN码随机且唯一,每月第一个周日将进行更换,请留意站内邮件/短信提醒。

2. 保管时请远离磁场、高温以及休谟异常环境。

3. 离开基金会设施范围时,请将卡片交到门卫室权限卡管理处;如需携带前往其他相关设施,请提前向我部门提交申请,可前往基金会内网或部门办公室填写申请表。

4. 卡片损坏/遗失时,如确认在设施内遗失,请先在内网或部门挂失。补卡费用250元,直接从当月工资中扣取。

5. 注意,若确认卡片遗失事件涉及异常项目,则应优先将事件过程上报给异常对应部门,由该部门进行处置。

6. 若确认卡片流入帷幕外社会,请在挂失后上报我部门,我部门将销毁该卡片在系统中的记录信息,并执行《安全协议》内容第██条[通过联络部告知国际████协会,将该PIN码段落记录为涉SCP基金会重大安全管理相关事件,一旦在外部社会检测到使用痕迹,立即通知最近的外勤特工进行回收。]

7. 任何尝试编译或反编译权限卡的行为都将被视为严重违纪,并将严格按照《安全协议》第██条进行处置。

8. 芯片型权限卡内置一套后门破解程序,可用于紧急情况下强行破解帷幕外社会的部分密码锁。但由于使用的是暴力破解程序,破解通常需要一定时间,并会在服务端留下痕迹,请外勤人员仅在必要时使用。

9. 若本设施进入紧急状态或部门总机离线时,权限锁将仅能使用输入PIN码的方式解锁。

10. 使用生物识别时,请确认持卡人为活物。

[[/div]]
[[include :scp-wiki-cn:component:colend]]

----


[[include :scp-wiki-cn:component:wechat inc-top=--]
|title=权限卡设计方案讨论会(7)
|darkmode=
]]

[[include :scp-wiki-cn:component:wechat inc-left=--]
|name=O4-12
|icon=https://scpsandboxcn.wikidot.com/local--files/collab:card/S12%EF%BC%8Dhead
|color=white
|content=1

]]

[[include :scp-wiki-cn:component:wechat inc-left=--]
|name=O4-36
|icon=https://scpsandboxcn.wikidot.com/local--files/collab:card/S36%EF%BC%8Dhead
|color=white
|content=6

]]


[[include :scp-wiki-cn:component:wechat inc-left=--]
|name=O4-96
|icon=https://scpsandboxcn.wikidot.com/local--files/collab:card/S96%EF%BC%8Dhead
|color=white
|content=诶,你等一下,有个说是10086站的要进群问你问题。

]]

[[include :scp-wiki-cn:component:wechat inc-tip=--]
|content= O4-S96邀请刘德生加入了群聊。
]]


[[include :scp-wiki-cn:component:wechat inc-left=--]
|name=刘德生
|icon=https://scpsandboxcn.wikidot.com/local--files/collab:card/Scp-cn-head
|color=white
|content=你们好,在此打扰各位。我是10086站的,我真心请求能否为我们站点弄一个新的权限卡,我们那个都已经用包浆了快!

]]

[[include :scp-wiki-cn:component:wechat inc-left=--]
|name=name2
|icon=https://scpsandboxcn.wikidot.com/local--files/collab:card/Scp-cn-head
|color=white
|image=true
|image-url=https://scpsandboxcn.wikidot.com/local--files/collab:card/S10086-01-A.jpg
]]

[[include :scp-wiki-cn:component:wechat inc-end=--]
|content=none
]]


[[div class="card"]]
[[div class="front"
style="
background-color: rgb(205, 205, 203);
background-image: url(https://scpsandboxcn.wikidot.com/local--files/collab:card/S10086-01-A.jpg);"]]
[[/div]]
[[div class="back"
style="
background-color: rgb(205, 205, 203);
background-image: url(https://scpsandboxcn.wikidot.com/local--files/collab:card/S10086-01-B.jpg);"]]
[[/div]]
[[/div]]


[[include :scp-wiki-cn:component:wechat inc-top=--]
|title=权限卡设计方案讨论会(7)
|darkmode=
]]

[[include :scp-wiki-cn:component:wechat inc-left=--]
|name=O4-12
|icon=https://scpsandboxcn.wikidot.com/local--files/collab:card/S12%EF%BC%8Dhead
|color=white
|content=刘  德  华

]]

[[include :scp-wiki-cn:component:wechat inc-left=--]
|name=O4-36
|icon=https://scpsandboxcn.wikidot.com/local--files/collab:card/S36%EF%BC%8Dhead
|color=white
|content=刘  德  华

]]


[[include :scp-wiki-cn:component:wechat inc-left=--]
|name=O4-44
|icon=https://scpsandboxcn.wikidot.com/local--files/collab:card/S44%EF%BC%8Dhead
|color=white
|content=刘 德 华

]]

[[include :scp-wiki-cn:component:wechat inc-left=--]
|name=O4-02
|icon=https://scpsandboxcn.wikidot.com/local--files/collab:card/A02%EF%BC%8Dhead
|color=white
|content=草

]]

[[include :scp-wiki-cn:component:wechat inc-right=--]
|name=Yosk-Sankim
|icon=https://scpsandboxcn.wikidot.com/local--files/collab:card/Yosk-San-kim.png
|color=white
|content=刘德华

]]


[[include :scp-wiki-cn:component:wechat inc-left=--]
|name=刘德生
|icon=https://scpsandboxcn.wikidot.com/local--files/collab:card/Scp-cn-head
|color=white
|content=我叫刘德生……

]]

[[include :scp-wiki-cn:component:wechat inc-right=--]
|name=Yosk-Sankim
|icon=https://scpsandboxcn.wikidot.com/local--files/collab:card/Yosk-San-kim.png
|color=white
|content=爱莫能助。你们站把这方面的拨款掐了。不要指望O5会给你们掏钱。

]]

[[include :scp-wiki-cn:component:wechat inc-left=--]
|name=刘德生
|icon=https://scpsandboxcn.wikidot.com/local--files/collab:card/Scp-cn-head
|color=white
|content=我他妈。

]]


[[include :scp-wiki-cn:component:wechat inc-tip=--]
|content= 刘德生退出了群聊。
]]

[[include :scp-wiki-cn:component:wechat inc-right=--]
|name=Yosk-Sankim
|icon=https://scpsandboxcn.wikidot.com/local--files/collab:card/Yosk-San-kim.png
|color=white
|content=说回正题。现在我们已经有试运行的S44和S96的实体版权限卡了,接下来是我们拍的一些图片。效果显著!

]]

[[include :scp-wiki-cn:component:wechat inc-end=--]
|content=none
]]


[[div class="nested-email-example"]]
[[include :scp-wiki-cn:component:coltop show=对方发送了八 (8) 个附件!接收文件?|hide=隐藏附件]]

[[div style="display: flex;
align-items: center;
justify-content: center;"]]

[[f<image https://scpsandboxcn.wikidot.com/local--files/collab:card/S44-pre-1.jpg]]

[[f>image https://scpsandboxcn.wikidot.com/local--files/collab:card/S44-pre-2.jpg]]

[[/div]]

[[div style="display: flex;
align-items: center;
justify-content: center;"]]

[[f<image https://scpsandboxcn.wikidot.com/local--files/collab:card/S44-pre-3.jpg]]

[[f>image https://scpsandboxcn.wikidot.com/local--files/collab:card/S44-pre-4.jpg]]

[[/div]]

[[=image https://scpsandboxcn.wikidot.com/local--files/collab:card/S44-pre-5.jpg]]


[[div style="display: flex;
align-items: center;
justify-content: center;"]]

[[f<image https://scpsandboxcn.wikidot.com/local--files/collab:card/S96-pre-1.jpg]]

[[f>image https://scpsandboxcn.wikidot.com/local--files/collab:card/S96-pre-2.jpg]]

[[/div]]

[[html]]

<div style="display: flex;
align-items: center;
justify-content: center;">

<video controls width="300">
  <source src="https://scpsandboxcn.wikidot.com/local--files/collab:card/S96-pre.mp4" type="video/mp4" />
  你的浏览器不支持播放视频
</video>

</div>
[[/html]]

----

[[include :scp-wiki-cn:component:wechat inc-top=--]
|title=权限卡设计方案讨论会(6)
|darkmode=
]]

[[include :scp-wiki-cn:component:wechat inc-left=--]
|name=O4-96
|icon=https://scpsandboxcn.wikidot.com/local--files/collab:card/S96%EF%BC%8Dhead
|color=white
|content=话说你们不觉得这卡看起来有点像……
]]

[[include :scp-wiki-cn:component:wechat inc-left=--]
|name=O4-44
|icon=https://scpsandboxcn.wikidot.com/local--files/collab:card/S44%EF%BC%8Dhead
|color=white
|content=商超会员卡

]]

[[include :scp-wiki-cn:component:wechat inc-left=--]
|name=O4-12
|icon=https://scpsandboxcn.wikidot.com/local--files/collab:card/S12%EF%BC%8Dhead
|color=white
|content=加银行卡

]]


[[include :scp-wiki-cn:component:wechat inc-left=--]
|name=O4-02
|icon=https://scpsandboxcn.wikidot.com/local--files/collab:card/A02%EF%BC%8Dhead
|color=white
|content=又或者公交卡

]]

[[include :scp-wiki-cn:component:wechat inc-right=--]
|name=Yosk-Sankim
|icon=https://scpsandboxcn.wikidot.com/local--files/collab:card/Yosk-San-kim.png
|color=white
|content=……

]]



[[include :scp-wiki-cn:component:wechat inc-right=--]
|name=Yosk-Sankim
|icon=https://scpsandboxcn.wikidot.com/local--files/collab:card/Yosk-San-kim.png
|color=white
|content=QwQ

]]

[[include :scp-wiki-cn:component:wechat inc-end=--]
|content=none
]]

[[div class="card"]]
[[div class="front"
style="
background-color: rgb(216, 129, 0);
background-image: url(https://scpsandboxcn.wikidot.com/local--files/collab:card/Supermarket-A.jpg);"]]
[[/div]]
[[div class="back"
style="
background-color: rgb(216, 129, 0);
background-image: url(https://scpsandboxcn.wikidot.com/local--files/collab:card/Supermarket-B.jpg);"]]
[[/div]]
[[/div]]

++ END

[[include :scp-wiki-cn:component:colend]]
[[/div]]

[[/collapsible]]
[[/div]]

@@@@
@@@@
@@@@
@@@@
@@@@
@@@@
@@@@
@@@@


[[module CSS]]

/* 版式标题和logo */

div#header h1 a span {
    font-size: 0px;
}

div#header h1 a:before, 
div#header h2:after {
    font-weight: bold;
    color: white;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
    white-space: pre;
}

div#header h1 a:before {
    font-size: 90%;
    content: "基金会权限卡管理系统";
    text-shadow: 1.5px 1.5px 1.5px rgba(0, 0, 0, .8);
}

div#header h2 span {
    font-size: 0px;
    padding: 4px;
}

div#header h2:after {
    font-size: 90%;
    content: "AuthCard Management System";
    padding: 19px 0;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
}

div#header {
    background-image: url(https://scpsandboxcn.wikidot.com/local--files/collab:card/logo-large-1000px.png);
}

@media (min-width: 979px) {
div#header {
    background-size: 100px 100px;
}
}

/* 翻转卡片 */

.card {
    --card-width: calc(80px + 40vw);
    --card-height: calc(var(--card-width) * 0.64166667);
    --card-radius: calc(var(--card-width) * 0.05);
    --card-perspective: calc(var(--card-width) * 1.25);

    position: relative;
    -webkit-perspective: var(--card-perspective);
    -moz-perspective: var(--card-perspective);
    perspective: var(--card-perspective);
    margin: 2em auto;
    width: var(--card-width);
    height: var(--card-height);
}
.card .front, .card .back {
    position: absolute;
    top: 0;
    left: 0;
    backface-visibility: hidden;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transition: -webkit-transform 1s ease-out;
    -moz-transition: -moz-transform 1s ease-out;
    -o-transition: -o-transform 1s ease-out;
    -ms-transition: -ms-transform 1s ease-out;
    transition: transform 1s ease-out;
    border-radius: var(--card-radius);
    width: var(--card-width);
    height: var(--card-height);
}
.card .back {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
    text-align: center;
}
.card:hover .front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.card:hover .back {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg);
}

/* 邮件闪烁折叠 */

.email-example .collapsible-block {
    text-align: center;
}

.email-example a.collapsible-block-link {
    font-weight: bold;
}

.email-example .collapsible-block-folded a.collapsible-block-link,
.nested-email-example .colmod-link-top {
    animation: blink 0.8s ease-in-out infinite alternate;
}

@keyframes blink {
    0% { color: transparent; }
    50%, 100% { color: rgb(0, 0, 170); }
}

/* 折叠样式 */

.email-example .colmod-block {
    margin-top: 2em;
}

.email-example .colmod-link-top a {
    color: rgb(0, 0, 170);
    font-size: 200%;
    font-weight: bold;
}

.email-example .colmod-link-top, 
.mn-container,
blockquote,
.blockquote {
    text-align: left;
}

.nested-email-example .colmod-link-top, 
.tip-container {
    text-align: center;
}

.nested-email-example .colmod-link-top a {
    font-size: 100%;
}

/* 部分图片预加载 */
.preload {overflow: hidden;}

.preload img {
    opacity: 0;
    height: 0px;
}
[[/module]]

[[div class="preload"]]
[[image https://scpsandboxcn.wikidot.com/local--files/collab:card/A02-02-A.jpg]]
[[image https://scpsandboxcn.wikidot.com/local--files/collab:card/A02-02-B.jpg]]
[[image https://scpsandboxcn.wikidot.com/local--files/collab:card/flowchart.png]]
[[image https://scpsandboxcn.wikidot.com/local--files/collab:card/https://scpsandboxcn.wikidot.com/local--files/collab:card/how%20to%20use%20card]]
[[image https://scpsandboxcn.wikidot.com/local--files/collab:card/S10086-01-A.jpg]]
[[image https://scpsandboxcn.wikidot.com/local--files/collab:card/S10086-01-B.jpg]]
[[image https://scpsandboxcn.wikidot.com/local--files/collab:card/S12-01-A.jpg]]
[[image https://scpsandboxcn.wikidot.com/local--files/collab:card/S12-01-B.jpg]]
[[image https://scpsandboxcn.wikidot.com/local--files/collab:card/S12-02-A.jpg]]
[[image https://scpsandboxcn.wikidot.com/local--files/collab:card/S12-02-B.jpg]]
[[image https://scpsandboxcn.wikidot.com/local--files/collab:card/S36-01-A.jpg]]
[[image https://scpsandboxcn.wikidot.com/local--files/collab:card/S36-01-B.jpg]]
[[image https://scpsandboxcn.wikidot.com/local--files/collab:card/S36-02-A.jpg]]
[[image https://scpsandboxcn.wikidot.com/local--files/collab:card/S36-02-B.jpg]]
[[image https://scpsandboxcn.wikidot.com/local--files/collab:card/S36-03-A.jpg]]
[[image https://scpsandboxcn.wikidot.com/local--files/collab:card/S36-03-B.jpg]]
[[image https://scpsandboxcn.wikidot.com/local--files/collab:card/S44-01-A.jpg]]
[[image https://scpsandboxcn.wikidot.com/local--files/collab:card/S44-01-B.jpg]]
[[image https://scpsandboxcn.wikidot.com/local--files/collab:card/S96-01-A.jpg]]
[[image https://scpsandboxcn.wikidot.com/local--files/collab:card/S96-01-B.jpg]]
[[image https://scpsandboxcn.wikidot.com/local--files/collab:card/S96-02-A.jpg]]
[[image https://scpsandboxcn.wikidot.com/local--files/collab:card/S96-03-A.jpg]]
[[image https://scpsandboxcn.wikidot.com/local--files/collab:card/S96-03-B.jpg]]
[[image https://scpsandboxcn.wikidot.com/local--files/collab:card/S96-04-A.jpg]]
[[image https://scpsandboxcn.wikidot.com/local--files/collab:card/S96-04-B.jpg]]
[[image https://scpsandboxcn.wikidot.com/local--files/collab:card/S96-05-A.jpg]]
[[image https://scpsandboxcn.wikidot.com/local--files/collab:card/S96-05-B.jpg]]
[[image https://scpsandboxcn.wikidot.com/local--files/collab:card/S96-06-A.jpg]]
[[image https://scpsandboxcn.wikidot.com/local--files/collab:card/S96-06-B.jpg]]
[[image https://scpsandboxcn.wikidot.com/local--files/collab:card/S96-07-A.jpg]]
[[image https://scpsandboxcn.wikidot.com/local--files/collab:card/S96-07-B.jpg]]
[[/div]]