夹缝间 版式
2025年6月6日
修订 1
评分
23
↑ 23
↓ 0
支持率
100%
总票数 23
Wilson 95% 下界
85.7%
在相同票数下更稳健的支持率估计
争议指数
0.000
评分趋势
按周聚合 加载图表中...
最近修订
1 / 1
修改标签
3 个月前
已新增标签:原创, 版式。
创建页面
3 个月前
最近投票
1 / 3
2025-09-10
2025-07-31
2025-07-24
2025-07-09
2025-07-07
2025-06-16
2025-06-14
2025-06-14
2025-06-14
2025-06-12
相关页面
暂无推荐
页面源码
[[iftags +版式]]
[[module CSS]]
@import url("https://scp-wiki-cn.wikidot.com/theme:parallel/code/1");
@import url("https://scp-wiki-cn.wikidot.com/theme:parallel/code/2");
div#page-title {
display: none;
}
div.hover {
opacity: 0;
transition: ease 0.25s;
}
div.hover:hover {
opacity: 1;
}
div.ctn > img {
opacity: 1;
transition: ease 0.25s;
}
div.ctn:hover > img {
opacity: 0;
}
[[/module]]
[[div class="meta-title"]]
##darkblue|{{**@@//@@**}}##夹缝间 版式
[[/div]]
[[>]]
[[module rate]]
[[/>]]
[[include :scp-wiki-cn:credit:start]]
页面信息
[[include :scp-wiki-cn:credit:more]]
更多页面信息
[[include :scp-wiki-cn:credit:end]]
[[div style="display: grid; grid-template-columns: 3fr 5fr; grid-template-areas: 'a b'; max-width: 44rem; margin: auto; align-items: center;"]]
[[div style="grid-area: a; filter: invert(100%) hue-rotate(180deg) brightness(150%); -webkit-filter: invert(100%) hue-rotate(180deg) brightness(150%);"]]
[[image https://ah-sandbox.wikidot.com/local--files/theme:betwixt/CM_title_def.svg]]
[[/div]]
[[div class="ctn" style="position: relative; opacity: 0.85; filter: hue-rotate(200deg); -webkit-filter: hue-rotate(200deg); grid-area: b;"]]
[[image https://ah-sandbox.wikidot.com/local--files/theme:parallel/parallel-theme-logo.svg]]
[[div class="hover" style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;"]]
[[image https://ah-sandbox.wikidot.com/local--files/theme:parallel/parallel-theme-logo-zh.svg]]
[[/div]]
[[/div]]
[[/div]]
这是为地点山城制作的版式,基于[[[theme:parallel|平行]]],美学灵感来自[[*user odeo]]制作的[[[theme:shancheng|山城版式]]]和电影《流浪地球2》。
[[div class="code"]]
@@[[include :scp-wiki-cn:theme:parallel bedrock=*]]@@
@@[[include :scp-wiki-cn:theme:betwixt]]@@
[[/div]]
----
+ 元素示例
[[include component:image-block name=https://bhl.scpwikicn.com/img/logo.svg|caption=一张什么图,看不清也没关系,因为这个东西的作用是给你预览图片块|width=200px]]
可通过⑨个连字符“@@---------@@”创建水平分割线。若它未被放在其他部件(诸如引用块)中,则会左右延伸贯穿页面。这种将文件分割为多个部分的线就是分割线。
---------
标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建。
[[collapsible show="+ 折叠块" hide="- 收起"]]
+* 一号标题
++* 二号标题
+++* 三号标题
++++* 四号标题
+++++* 五号标题
++++++* 六号标题
[[/collapsible]]
[[tabview]]
[[tab 分页]]
此为分页(tab view)。
[[/tab]]
[[tab 分页]]
看,这有更多文字。
多么精巧绝伦。
[[/tab]]
[[tab 长 Tab]]
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
[[/tab]]
[[tab 由于一些奇怪的原因,这个空 tab 有一个很长的名字。我想知道为什么?这很奇怪。]]
[[/tab]]
[[tab 空 Tab]]
[[/tab]]
[[tab 空 Tab]]
[[/tab]]
[[tab 空 Tab]]
[[/tab]]
[[tab 空 Tab]]
[[/tab]]
[[tab 空 Tab]]
[[/tab]]
[[/tabview]]
> 这是一个引用块,在一行字的起始处加上“> ”来创建。
>
> 更多文字
> -----
> 一条分割线
>
>> 嵌套引用块
||~ 这是 ||~ 表格 ||
|| 你应该知道 || 怎么做 ||
|||| 这个了吧 ||
----
+ 排版元素示例
++ 可选的变体引用块
[[div class="blockquote glass"]]
**{{@@[[div class="blockquote glass"]]@@}}**
[[/div]]
[[div class="blockquote glass wide"]]
**{{@@[[div class="blockquote glass wide"]]@@}}**
[[/div]]
[[div class="hors"]]
[[/div]]
++ 可选的变体评分模块
[[div class="rate-block-right"]]
**{{@@[[div class="rate-block-right"]]@@}}**
[[module rate]]
[[include :scp-wiki-cn:credit:start]]
页面信息
[[include :scp-wiki-cn:credit:more]]
更多页面信息
[[include :scp-wiki-cn:credit:end]]
[[/div]]
[[div class="rate-block-center"]]
**{{@@[[div class="rate-block-center"]]@@}}**
[[module rate]]
[[include :scp-wiki-cn:credit:start]]
页面信息
[[include :scp-wiki-cn:credit:more]]
更多页面信息
[[include :scp-wiki-cn:credit:end]]
[[/div]]
[[div class="rate-block-left"]]
**{{@@[[div class="rate-block-left"]]@@}}**
[[module rate]]
[[include :scp-wiki-cn:credit:start]]
页面信息
[[include :scp-wiki-cn:credit:more]]
更多页面信息
[[include :scp-wiki-cn:credit:end]]
[[/div]]
[[div class="hors"]]
[[/div]]
++ 标题格式
+++ 节标题
[[div class="bet-title"]]
+* 引子
++* PROLOGUE
[[/div]]
[[code]]
[[div class="bet-title"]]
+ 引子
++ PROLOGUE
[[/div]]
[[/code]]
[[div class="hors"]]
[[/div]]
+++ 年份标识
[[div class="bet-year-title"]]
+* 2044
[[/div]]
[[code]]
[[div class="bet-year-title"]]
+ 2044
[[/div]]
[[/code]]
**可选的变化:**
* 对一号标题中的文本加粗可以缩小字距,更类似于《流浪地球》电影中的效果。
* 可以使用{{@@--@@year-bg}}、{{@@--@@year-bg-color}}、{{@@--@@year-bg-size}}三个属性调整背景样式。
**注意:**这一排版元素的动画所使用的CSS技术并未受到广泛支持。若您正使用桌面端,若需要在火狐浏览器上查看动画,请通过链接{{about:config}}访问首选项,并将{{layout.css.scroll-driven-animations.enabled}}规则的值改为{{true}}。Safari浏览器在相关规则的实现上存在bug,因而无法绘制这一动画。若您正使用移动端,请尽量避免使用via以外的国产浏览器,推荐各大主流浏览器的移动版本;若您确定您的系统WebView版本较高,则极为推荐调用系统WebView的超轻量级浏览器via。
[[div class="hors"]]
[[/div]]
+++ 时间节点标识
[[div class="bet-timebox"]]
{{距离新版式发布}}{{还剩}}{{5}}{{秒}}
[[div class="bet-subtitle"]]
THE NEW THEME PUBLISHMENT
IN 5 SECONDS
[[/div]]
[[/div]]
[[code]]
[[div class="bet-timebox"]]
{{距离新版式发布}}{{还剩}}{{5}}{{秒}}
[[div class="bet-subtitle"]]
THE NEW THEME PUBLISHMENT
IN 5 SECONDS
[[/div]]
[[/div]]
[[/code]]
[[div class="hors"]]
[[/div]]
+++ 地点标识
[[div class="bet-location"]]
+* 山城图书馆
**SHANCHENG LIBRARY**
[[/div]]
[[code]]
[[div class="bet-location"]]
+ 山城图书馆
**SHANCHENG LIBRARY**
[[/div]]
[[/code]]
[[/iftags]]
[[module CSS]]
/*
========
https://pixabay.com/illustrations/paper-rough-paper-digital-art-1138436/
https://commons.wikimedia.org/wiki/File:%E9%A3%9E%E9%98%81%E5%A4%96%E5%85%A8%E6%99%AF_2392.jpg/
========
*/
@import url("https://fonts.googleapis.com/css2?family=Oswald&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Zhi+Mang+Xing&display=swap");
@import url("https://fontsapi.zeoseven.com/223/main/result.css");
:root {
--header-height: 15rem;
--top-bar-height: 2.5rem;
--side-bar-button-width: var(--top-bar-height);
--header-final-height: calc(var(--user-button-width) + var(--header-height) + var(--top-bar-height));
--header-drop-shadow-opacity: 0;
--header-stripes: none;
--header-gradient: none;
--header-background-color: var(--basalt-darker-element-color);
--header-logo: url("https://ah-sandbox.wikidot.com/local--files/theme:betwixt/CM_title_def.svg");
--header-bg: url("https://ah-sandbox.wikidot.com/local--files/theme:betwixt/CM_bg_t.jpg");
--top-bar-link-color: var(--basalt-main-text-color);
--search-icon-color: var(--basalt-background-color);
--user-icon-button-color: var(--basalt-background-color);
--hr-color: var(--accent-border-color);
--accent-border-color: var(--basalt-overtone);
--main-content-top-margin: 4rem;
--nar-width: 56rem;
--nar-side-margin: 1.325rem;
--nars-width: 40rem;
--nars-side-margin: 3.325rem;
--bet-year-title-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0%29 --%3E%3Csvg version='1.1' id='图层_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 235 100' style='enable-background:new 0 0 235 100;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M226.482254,69.9725494l5.8917999-4.3326797l0.6781616-8.5951042l-0.2362671-8.5471916l-0.152832-5.2263222 c0.0466003,0.0778236,0.1092682,0.1254272,0.2100372,0.1044807c0.2217712-0.8034668,0.3557434-1.8428612,0.4422607-2.9675064 c0.0825043-1.1245232,0.0594482-2.3314743,0.0620117-3.4749184c-0.0236206-2.5189362-0.0782471-4.9710484,0.217392-5.8619823 c-0.1547852-0.4639854-0.2702026,0.1112976-0.4009094,0.4739361c-0.1301422,0.3708076-0.2754364,0.5297699-0.4759064-0.5378151 c-0.0534821-0.003809-0.1676941-0.026104-0.2907104-0.0511646c-1.9608154-0.7152042-2.781723-1.1269817-3.3992157-1.5210056 c-0.3131104-0.2116013-0.5854492-0.3956852-0.92099-0.6223946c-0.1745605-0.1114826-0.3653717-0.233345-0.5863647-0.3743706 c-0.1908569-0.1262856-0.4112396-0.2643013-0.6751709-0.4184113l-1.147522,0.0342121l-0.5737457,0.0170765l-0.5017242,0.0388184 c0.0089417-0.1284962-0.0301819-0.2529984-0.1169434-0.375721c-0.1457825-0.2752972-0.2915039-0.4907665-0.7829285-0.8551254 c-0.4484253-0.3407726-1.025528-0.7100449-1.6915741-1.1018581c-0.6660614-0.3918152-1.4210663-0.8062325-2.2254791-1.2373581 c-0.8021698-0.4267635-1.6484528-0.8768673-2.5062256-1.3332367c2.2883301,1.5850086,4.6304474,3.2074242,7.0565338,4.8879433 c2.0127716,0.8370056,4.8076935,1.8788548,7.4296265,2.8046761c-2.9718475-0.526083-5.3827209-1.2153053-7.7493591-2.0349903 c-1.1834106-0.7242317-2.4244995-1.5294209-3.6215363-2.3198051c-0.6035156-0.398632-1.2082977-0.7980633-1.8149109-1.1987839 c-0.6307068-0.4087677-1.2634125-0.8188858-1.8988647-1.2307854l-1.4023285-0.5628757 c-0.4484253-0.172781-0.8983002-0.3461781-1.3501282-0.5202484c-0.9069366-0.3391762-1.8284607-0.661705-2.7699585-0.9594212 c-3.8433228-0.5331459,3.3314972,1.5924416,3.5644684,2.1485004c-0.0426025,0.0286827-0.0862274,0.0434246-0.129303,0.0659046 l-3.27771-1.1177044c-0.3360901-0.1670074-0.6814423-0.2959347-1.0352478-0.3529949l-2.0756836-0.7078342l-1.227829-0.6292114 c0.0244598-0.0080471,0.0439301-0.0190411,0.0747833-0.0233421c-0.0777588-0.0191021-0.1435394-0.0323696-0.2119293-0.0469265 l-1.5900269-0.8148308c-0.3295288-0.6037216,0.2053528-1.830637-1.1588898-2.4515572l-1.2459564-1.0606441l-0.6229706-0.530323 l-0.842453-0.642787l-0.6308289-0.3010321l-0.312973-0.1486425l-0.2353363-0.1283112 c-0.2195282,0.5706148-1.3674011,0.5193272-2.8143921,0.1881371c-0.7234955-0.1655951-1.521759-0.4011507-2.3161926-0.6639156 c-0.3952484-0.1372185-0.7915802-0.2748051-1.1788483-0.4091978c-0.4338226-0.157671-0.8574066-0.3116579-1.2591095-0.4576588 c-0.2501221-0.0497522-0.4927063-0.0980301-0.7257996-0.1444044c-0.1856995-0.0430574-0.3639069-0.0843334-0.5329285-0.1235209 c-0.3371277-0.0833502-0.6379395-0.1576719-0.8901367-0.2200155c0.0787811-0.0343962,0.1675568-0.0667658,0.2524414-0.0999956 c0.9206848,0.0882025,0.7959442,0.0359316,0.2562103-0.0967407c0.1418152-0.0493832,0.2879028-0.0974779,0.4437866-0.1411486 c0.177002-0.0496302,0.3629303-0.0948982,0.5573273-0.1344547c0.2482452-0.0348263,0.5406036-0.0568771,0.8329468-0.075058 c0.217041,0.0251217,0.4393005,0.0509195,0.6669769,0.0772696c0.1762695,0.0227261,0.3565369,0.0458832,0.5411987,0.0696535 c0.3418884,0.0503044,0.6965485,0.1236429,1.0617218,0.2245607c0.7304382,0.2019567,1.5030823,0.5142288,2.3004456,0.9729939 c0.6589355,0.146862,1.3147736,0.2931089,1.9685364,0.4388647l0.9746552,0.2379503l1.2698059,0.3318043l2.196701,1.1362553 l1.8924255,1.0367508l0.8571014,0.492487c-0.1486359-0.2048435-0.2939301-0.409565-0.4421539-0.6152706 c-0.3618317-0.5022507-0.7502594-1.0099697-1.3013763-1.537528c-0.2756348-0.2637482-0.5918884-0.5324717-0.9658356-0.8079519 c-0.1869812-0.1377707-0.3883667-0.2771997-0.606369-0.4185333c-0.2818298-0.1778793-0.7194214-0.4199457-1.1150818-0.6398382 c-0.2921753-0.086483-0.6005249-0.1776953-0.9241028-0.2734537c-0.2319336-0.0627117-0.4746399-0.1283731-0.7275696-0.1967363 c0.2121124,0.0853777,0.3890991,0.1566896,0.5354309,0.2155933c0.2249451,0.0822449,0.3985901,0.1536179,0.5297089,0.2120304 c0.2626648,0.1152287,0.35466,0.1820564,0.3339081,0.2170677c-0.0428314,0.071557-0.5327454,0.0107489-1.0389709-0.0439177 c-0.6536407-0.0174437-1.4447327-0.0589037-0.0345612,0.5649643c-1.1601563-0.1296625-2.2293701-0.5029888-3.4602356-1.0119972 c-0.6034546-0.2624588-1.2375031-0.5382452-1.9022827-0.8274231c-0.3323212-0.1447725-0.6722565-0.2928629-1.0198669-0.4442692 c-0.1746674-0.0736456-0.3513031-0.1481514-0.5298157-0.2234554c-0.2806091-0.1007938-0.5643311-0.2026939-0.8510895-0.3056993 c-0.5353546-0.10147-1.0835571-0.2053976-1.6453247-0.311904c-0.4580994-0.0854998-0.9291534-0.1628313-1.4139557-0.2284918 c-0.9696045-0.1312599-1.9940948-0.2157154-3.0779572-0.2249289c2.1688385,0.07125,1.2733917,0.6813602,0.1339722,0.7429667 c-0.8146973-0.1824865-1.7395172-0.3464231-2.7284698-0.4959869c-0.9891357-0.1468611-2.047821-0.1998072-3.1217041-0.2840796 c-2.0903473-0.1216774-4.2475586-0.2472258-6.122406-0.3564348c-0.6971436-0.1154127-1.3403168-0.221981-1.9244232-0.3187218 c0.1385498,0.1904716,0.1013031,0.3776264,0.0127869,0.5135546c-1.4033661-0.3738794-2.3938446-0.6378117-3.3765869-0.8996563 c-0.4897919-0.1366653-0.9776917-0.2727776-1.5143433-0.4225254c-0.2671051-0.0791121-0.5463104-0.161787-0.8440247-0.2499285 l-0.2357025-0.0704517c-0.1184082-0.0305271-0.2387543-0.0615454-0.3611145-0.0931168 c-0.2470856-0.0630808-0.5025635-0.1283112-0.7676544-0.1959372c-0.179306-0.0323706-0.4876709-0.0593348-0.8812561-0.090353 c-0.0987549-0.0063267-0.2024384-0.0129604-0.3103027-0.0199013c-0.0696716-0.0089054-0.1420746-0.0181189-0.2167358-0.0277014 c-0.1486359-0.018549-0.3061066-0.0382662-0.4686737-0.0585966c-1.1940613-0.0522709-2.4235229-0.0837193-3.6823883-0.0980921 c-0.6294861-0.0029478-1.2662811-0.0060196-1.9097595-0.0090294l-0.9699707,0.0042381l-0.243988,0.0019045l-0.0910797-0.0070019 l-0.1723022-0.0097055l-0.1786957-0.0484009l-0.1244965-0.0267181l-0.2580261-0.0479097l-1.0378723-0.1895504 c-0.6953278-0.1223536-1.3955841-0.2455673-2.0997772-0.3695178c-1.3528595-0.2251749-2.720932-0.452868-4.0963745-0.6817899 c-2.8112793-0.6498504-5.6504211-1.3062115-8.4516144-1.9537282c-1.6130829-0.1892428-3.2146149-0.3771343-4.7939911-0.5623846 c-1.4883575-0.1870928-2.95578-0.3715448-4.3923035-0.5521269c-1.437561-0.1655955-2.842926-0.3398511-4.2055817-0.5264528 c-0.6807175-0.0980303-1.3513336-0.194648-2.0106964-0.2896073c-0.3291092-0.0513492-0.6554718-0.1022069-0.9788589-0.1526349 l-0.4616776-0.076901l-0.1186447-0.0472341l-0.0699081-0.04232c-0.0281754-0.0162771-0.0160065-0.0199623-0.1455994-0.0597641 l-0.5778351-0.1902871c-0.3811874-0.1302156-0.7571411-0.2585888-1.1275558-0.3850579 c-0.738945-0.2587116-1.4518509-0.5215386-2.1358566-0.7891567c-3.5303345-1.7573601,4.0944748,0.0790509,2.6478577-0.6927847 c-1.2545395-0.1296629-2.4303436-0.2358011-3.5176163-0.316326l-0.4035797-0.0289915l-0.2177582-0.0180582l-0.3682251-0.053192 c-0.4826736-0.0675033-0.9546967-0.133594-1.4157104-0.1980876C115.6867371,0.2119692,114.8344955,0.1031284,114.0265579,0 c-0.8901443,0.4962327-1.7412872,0.9707217-2.5547714,1.4242042c-0.3895187,0.224438-0.7699738,0.443655-1.1415482,0.6577739 c-0.2217712,0.1232138-0.2543259,0.1659639-0.365303,0.2421892l-0.2797623,0.2063797 c-0.7348709,0.5462921-1.3813934,1.06089-1.9445648,1.5456979c-1.0044022,0.864584-1.7299652,1.6292944-2.2329636,2.3139715 c-1.2242355-0.2775073-2.4603348-0.5493021-3.7246628-0.8080134c-0.7206955-0.1432376-1.446991-0.287642-2.1788788-0.4332132 l-1.1038208-0.2101264c-0.6027832-0.0888171-1.2078705-0.1779413-1.8152771-0.2673726 c-2.9364319,0.3907089-5.9477692,0.7914295-9.0295639,1.2015476c-1.4171753,0.2225342-2.8504105,0.4476476-4.2990952,0.6751566 c-0.7232513,0.1211252-1.4503937,0.2428646-2.1812439,0.3652797l-1.0984116,0.1890588l-0.5510635,0.0961876 c-0.1119537,0.0159698-0.0952225,0.0053439-0.1469421,0.0107489l-0.0823822-0.0100732L78.943779,7.2101455l-0.8425064,0.0306497 c-0.5625,0.0222354-1.1271896,0.0445929-1.6938858,0.0670123c-1.1327286,0.0518403-2.2737274,0.1039882-3.4223938,0.1565661 c-1.146904,0.077208-2.3054886,0.0955734-3.4727173,0.093792c-1.1661911,0.0140657-2.3395615,0.0282545-3.5196228,0.0424428 c-1.6020813,0.2529998-2.986454,0.5953689-0.7251358,0.8522992c3.5838776-0.5796442,5.4594421,0.1674376,2.8246689,0.7952995 c-3.9081116,0.4544039,0.4004135-0.8502111-4.1893349,0.0050974l2.233387,0.2225952 c-0.5837326,0.0322475-1.1305923,0.0624666-1.6454544,0.0909052c-0.6351471,0.0441017-1.2306824,0.0854387-1.7927589,0.1244421 c-0.2573662,0.0614843-0.5095634,0.1218014-0.7570152,0.1808901c-0.2696609,0.0662136-0.3403015,0.0929937-0.5154686,0.1417017 c-0.298378,0.0913353-0.5860481,0.1793537-0.8651352,0.2647924c-0.5556259,0.1791077-1.0718231,0.3641129-1.5650215,0.5597429 c-0.9864616,0.3912621-1.8809853,0.8250275-2.8154831,1.3387041c-0.8047791,0.10534-1.0675621,0.1147995-1.4855576,0.1590233 c-0.5202141-0.1673145-2.2070465-0.5327787-3.5055122-0.8066006L49.13274,11.1113977l-2.6087341-0.4980755l-2.6243095,0.4168139 l-2.078846,0.3517666c-1.331562,0.2316246-3.0154114,0.5273123-3.5524178,0.65415 c-0.5395622-0.0851936-2.2297401-0.4431019-3.5467644-0.7081404c-1.5387344-0.3175545-3.0727882-0.6341877-4.5991726-0.9491625 c-1.5217628,0.2324839-3.0362835,0.4638624-4.5408268,0.6937675c-0.6706181,0.1018381-1.3389874,0.2033701-2.0048599,0.304471 c-0.8685436,0.1218624-1.7338619,0.2432337-2.5954704,0.3641129c-1.4951115,1.0385942-2.9751339,2.0666847-4.4368439,3.0820599 c-1.3260269,0.8697433-2.589385,1.79317-3.8432522,2.6904306c-1.2582474,0.8901348-2.5174074,1.7434788-3.7670155,2.5597229 c-1.2279472,0.8268089-2.453887,1.6112957-3.6789746,2.3463402L2.709187,25.1110058l-0.2172728,3.6827717 c-0.4944159,0.1610508-1.1880947,0.6141644-1.5090452,3.2717323c0.273249-0.9417915,0.6285762-2.5592918,0.7398592-2.1664333 l-1.0872767,5.0615864L0,42.2852364l0.6277852-1.2051697c-0.1005138,0.4119606-0.1842955,0.8626785-0.2556652,1.3448448 c-0.0357153,0.2865372-0.0725257,0.5817337-0.1102488,0.8846092c-0.0335249,0.3322334-0.0679016,0.6728821-0.1030084,1.0210266 c0.1534478,0.5868912,0.3125541,1.1954041,0.4756151,1.8189049c0.1391495,0.492794,0.2817063,0.9973793,0.4259667,1.5081673 c0.2875472,1.0224419,0.5820916,2.0696335,0.8710991,3.0972939c0.2970998,1.022625,0.4855328,2.0635529,0.5996754,3.0549736 c0.12187,0.9882889,0.1783938,1.9235077,0.1321526,2.7668381c0.3214982-0.0269623,1.0673201,2.537487,1.4556854,2.172699 c0.1453557,1.4009247,0.4891224,2.7930069,0.771863,4.2014236c0.1577067,0.7018166,0.3159003,1.4060249,0.4744592,2.1118279 l0.4656978,1.9504166l0.2514062,3.7413635c0.1044078,1.3417816,0.2085719,2.680481,0.3120065,4.0104675 c0.6491413,3.0339661,1.1998372,5.431221,1.736114,8.3138428c0.543273,3.1220474,1.0055637,6.147049,1.3542585,9.2675552 c1.2165089,0.0489578,2.4080105,0.1235809,3.5908728,0.2288589c-0.9519606-0.3591385,0.4360666-0.6641617,0.9181318-0.8741608 c4.612134-0.2113571,0.9869452,0.3578491,1.9889193,0.7172318c0.3600731-0.3598785,1.6219101-0.6467209,3.570734-0.8769302 c0.4876614-0.1164017,1.0266151-0.245018,1.6129665-0.3849335c0.5546513-0.1167679,1.1539612-0.2429276,1.7937927-0.3775711 c0.6425705-0.1210022,1.3257847-0.2496796,2.0454445-0.3851776c0.6908188-0.1195297,1.416563-0.245079,2.1730919-0.3759689 c1.0688419-0.006813,2.1968842-0.0139389,3.372263-0.0214386c1.2079296,0.004982,2.4645348,0.0101395,3.7575226,0.015419 c1.2920151,0.0426941,2.6186523,0.1830444,3.9691391,0.278923c1.3098412,0.1081619,2.6430511,0.2182312,3.9876328,0.3292847 c2.5665703,0.6227036,5.173542,1.2552338,7.7417526,1.8783646c2.6844254-0.1142502,5.3269272-0.2266541,7.8351479-0.3334045 c1.2249641,0.4138031,2.4138527,0.8153839,3.5527229,1.2001343c1.3242645,0.4316788,2.5903587,0.8444977,3.7821655,1.2329941 c0.8749924,0.1179962,1.7128754,0.2310104,2.5082779,0.3382568c0.7359085,0.0914001,1.4325104,0.1778793,2.0846939,0.2588959 c0.6534576,0.0703278,1.2625046,0.1358032,1.8222046,0.1960602c0.6031418,0.0514145,1.1530457,0.0982132,1.6446686,0.1401062 c0.594017-0.01474,0.8884964-0.0409088,1.2297668-0.0710068c0.323143-0.0306473,0.5968781-0.067749,0.8173752-0.111908 c-0.4822464-0.0437927-0.9671707-0.0872803-1.2870255-0.1431198c-0.3006287-0.0555191-0.5410233-0.1248703-0.307991-0.217308 c2.4096527,0.0236435,4.8472366,0.0475998,7.353569,0.0722351c2.4889984,0.5973282,4.9987946,1.1996384,7.539505,1.8093796 c2.6373367,0.3872681,5.2861633,0.7761993,7.9389496,1.165741c2.6072769-0.1387558,5.2154617-0.2775116,7.812149-0.4157104 c2.5793457,0.7986755,5.1483459,1.594162,7.6874771,2.3804321c2.5562286-0.439476,5.0902405-0.8750839,7.586174-1.304184 c2.4183502-0.0842133,4.8024521-0.1671906,7.1457901-0.2488251c0.7554932,0.1055222,1.506546,0.210434,2.2529755,0.3146667 c-0.6784058-0.1246262-1.1773834-0.2499237-1.5422058-0.3752899c-0.3497849-0.1222916-0.5346298-0.240654-0.6782227-0.3652802 c-0.2890091-0.1888123-0.2790298-0.4344406-0.2921066-0.672821l0.3438873-0.0042419l4.4648361,0.7561111 c-0.4585876,0.0927505-2.1321564-0.1010971,0.3029327,1.0214005c0.8683014,0.1165161,1.7316742,0.2324219,2.5258636,0.3389893 c1.2650604-0.1334686,2.5014038-0.2639313,3.7128143-0.3917542c0.7117462-0.0820007,1.3985443-0.161171,2.0934448-0.2412643 c-2.5892029,0.2402802-4.2246246,0.0189133-5.5490723-0.2552719l7.1207275-0.4768219l0.7318878-0.1137543 c1.0471802,0.2313156,2.9963074,0.2632523,3.0062256,0.7085648c-0.0935822-0.3545303,0.2814636-0.6126251,0.9512939-0.8126144 c0.6654968-0.199379,1.6602325-0.345932,2.6492462-0.4531174c0.9980774,0.2168808,2.1000214,0.4563675,3.163208,0.687439 c1.0928192,0.2322998,2.1283722,0.4332733,3.0319672,0.5335159c0.3629303-0.1758499,0.6911163-0.3572311,0.9972229-0.5421753 l0.1723022,0.0275192l6.9745789-1.2181931c-1.4888458,0.3461151-2.9826813,0.6833267-4.4086151,0.9664841 c1.5423279,0.3474045,3.1679535-0.0011063,5.2011719-0.401886c0.7801361-0.2878876,1.5456085-0.5626984,2.3410187-0.8040848 c-0.7790527,0.1062622-1.1000519-0.019165,0.089859-0.6575928c2.2536011-0.2928619,3.9074402-1.0415421,5.5836334-1.6124039 c1.6753845-0.5666199,3.3154907-1.1406784,5.4149017-1.3340912l-3.720108,1.3991394 c0.4308319,0.4248581,2.9554291-0.6649628,4.9665527-1.3345261c1.5108032-0.3718491,2.8924561-0.5687103,2.9076538,0.1292343 c3.458847-1.4431839,0.2354736-1.2008133-0.0419769-1.5616684l4.4057465-0.8314133l1.986557-0.2343903 c-0.0135651,0.0452042,0.0083313,0.0826111,0.0584717,0.1137543c0.0863953-0.05233,0.1620178-0.1014709,0.2247467-0.147171 l5.962204-0.7035294c-0.6817017,0.296608-1.254425,0.6427841-2.0121002,0.9330063 c-0.999176-0.0383911-3.7289886,0.1946487-4.1748505-0.0823059c-0.6206665,0.3758469-1.6579285,0.8882294-0.3432312,1.0479889 c2.0943146-0.2028809,4.7468567-0.4858475,7.0060425-0.8882904c2.2717133-0.3225937,4.1635284-0.6846771,4.6835022-1.3422699 c-0.0250092-0.0033112-0.0464935-0.0051575-0.0713196-0.0083542l5.1307678-0.2888031 c-0.2907104,0.2483292-0.7937012,0.5746689-1.7052002,0.8663635c-0.9655914,0.3094482-2.1076813,0.5613403-3.7398834,0.6201859 c2.2930145,0.4664993,2.7536011-0.2705078,5.5151215-0.1538086l0.4341736-0.1700134 c0.703598-0.9409943,1.3378906-1.8283081,1.8435669-2.6159897L205.1875,89.2393265 c-0.0981445-0.1050949-0.1895905-0.2153473-0.2837677-0.3234558l5.4854126-4.2489014l4.8712158-5.5043793l5.6224976-4.5766525 L226.482254,69.9725494z M232.9093475,34.3464355c0.1470032,0.3886833,0.243866,0.8630486,0.3018494,1.3774033 c0.0585938,0.5238724,0.0773926,1.0725594,0.0642548,1.5443459c-0.0275116,0.992466-0.1442108,2.0206757-0.2958832,2.9447784 c-0.1399384,0.7950554-0.2752686,1.5014153-0.3459015,2.0513916l-0.0678406-2.3198051l-0.1352539-2.1911888 c0.0734406-0.5500374,0.1417084-1.0971298,0.2013245-1.6442184c0.0484924-0.5091934,0.0801392-1.0293808,0.1025238-1.5512276 C232.7713013,34.4243813,232.8227081,34.3342133,232.9093475,34.3464355z M46.4886589,12.6591225 c0.8762093,0.1643667,1.7200508,0.3226528,2.5251961,0.473691c-1.0501633-0.1791697-1.914753-0.3266449-2.5259285-0.4309406 c-0.328373,0.0606241-0.5705299,0.1094551-0.7592049,0.1509762c0.1838074-0.0585356,0.3783836-0.1145525,0.5844002-0.1678057 C46.3705597,12.6765671,46.4315262,12.6675987,46.4886589,12.6591225z M27.2238407,13.5654736 c0.7996693-0.2128286,1.6363297-0.4270706,2.5871353-0.6490517l0.1524124,0.1801519 c0.0344982,0.0565701,0.0627918,0.1116667,0.09589,0.1678677l-0.1042252-0.0253057L27.2238407,13.5654736z M199.5148621,16.9472752 c0.5019684,0.105217,1.0005188,0.2337132,1.3583984,0.3443356c1.0465088,0.5765114,1.104248,0.8429012,0.9237213,1.0779037 c-0.080307,0.0932388-0.2294922,0.1689739-0.3971863,0.2413902l-0.8608704-0.4411983l-2.0551758-0.5612164L199.5148621,16.9472752z M140.0871277,10.1231089c2.7626648,0.5726423,5.5696259,1.1544371,8.3952179,1.7401009 c2.7986755,0.3788538,5.6173859,0.7604113,8.4312897,1.1412916c3.0040283-0.1845741,6.0021667-0.3688421,8.9684143-0.5511436 c2.9975281,0.4732599,5.9532471,0.939887,8.8495941,1.3971167c3.0825195,0.2019567,6.1803894,0.3952541,9.1194916,0.6415586 c2.9517212,0.3636208,5.7524109,0.729146,8.4985352,1.1108875c0.0846863,0.0254908,0.1606903,0.0484009,0.236557,0.07125 l-0.2273102-0.1204491l-0.6986694-0.2437248c0.1931152-0.011425,0.4488983-0.0088453,0.743515,0.0041761 c2.2582092,0.4314327,5.9891357,1.8023834,6.0654449,2.2903233l-6.1783752-1.6872149l-8.7492065-0.9707832l-8.8691254-0.556365 l-8.8178253-1.4203968l-8.9614868,0.4646006l-8.4665833-1.2674541l-8.3662567-1.8801441l-8.1156921-0.890995 C134.6054077,9.6180935,137.3048706,9.8795691,140.0871277,10.1231089z M110.1224594,7.151794 c0.6472549,0.0269647,1.3296738-0.0612383,2.0493393-0.2395477c0.7755127-0.2020802,1.5556488-0.4803858,2.373085-0.8228779 c0.6956253,0.1671309,1.4170456,0.3106756,2.1720581,0.4452519c0.7469177,0.1326728,1.4402924,0.2360468,2.1815491,0.3467302 c0.7315826,0.1090865,1.470047,0.2192788,2.2043686,0.3287334c0.3664017,0.0596414,0.7317047,0.1190372,1.094696,0.1780639 c0.3386612,0.0608087,0.6750641,0.1211867,1.0081863,0.1809511c0.5042114,0.0224805,1.2105408,0.0799718,1.7877655,0.150301 c0.6021729,0.0726628,1.1845093,0.1683588,1.7393417,0.294889c1.0909271,0.2488842,2.0735474,0.6188326,2.8932343,1.1648178 l-6.5812149-0.593956l-8.4559937-1.9789729l-4.3429642,1.8497396 C112.7815094,7.0004492,108.3258667,8.2951746,110.1224594,7.151794z M62.9479103,12.1353111 c2.6473122-0.1515293,5.8299217-0.3337088,8.9158516-0.5102978c2.9674072-0.2910814,5.8417892-0.5730114,8.0150604-0.7862091 c1.6533661-0.4004135,2.8858795-0.6988649,3.4135132-0.8266239c0.5516129-0.1344538,0.3652496-0.093977-0.8571014,0.1893654 c0.2324829-1.2393837,3.8169632-1.1898775,3.4079132-2.233139c1.9726181-0.5744848,3.7921448-1.0325127,5.4930878-1.4352603 c0.8526688-0.191884,1.674057-0.3767657,2.4703217-0.5559354c1.0020905-0.2050285,1.9724274-0.4036074,2.9186707-0.5971498 c0.5896988,0.0573072,1.1718445,0.1139388,1.747551,0.1698947c0.3771057,0.0417061,0.7500839,0.0829206,1.1195831,0.1238279 c0.7381592,0.0892467,1.4625626,0.1768355,2.1794205,0.2635026c1.2477264,0.1657796,2.4725037,0.3284879,3.7064209,0.492486 c-0.0505066,0.069653-0.1114731,0.1431146-0.1570435,0.2109861c-1.0003891,1.4898033-0.8296051,2.5588017,0.1878891,3.3212395 c0.5839767-0.3291025,1.1619339-0.6548262,1.7322769-0.9762497c-0.0069962,0.1544161,0.2170334,0.4676714,0.9619446,0.3401575 l-2.5127869,1.0702877l-8.7238922-0.7628059l-8.38694,1.7237005l-8.3831024,1.7870274l-8.5087433,0.5881815l-8.5575447,0.1869087 l-8.4373779,1.5858078l-8.2265549-1.5541134l-7.2579842,1.1082468c2.1921387-0.375845,4.6479111-0.797019,7.2603569-1.2450352 c2.6461525,0.4529305,5.4378433,0.9307976,8.2243042,1.4078045c2.8566093-0.597518,5.7076225-1.1938076,8.3910141-1.7550869 c9.4618034-0.2740679,16.7231331-1.3431883,15.4511909-1.736722c0.3263702,0.056447-1.4695511,0.2232704-4.3761826,0.4486294 c-0.7267151,0.0549126-1.5227356,0.1150446-2.3722305,0.1792316c-0.8515701,0.0240164-1.7567444,0.0495682-2.6996384,0.0761633 c-1.9205322,0.045269-3.994873,0.094161-6.0940399,0.1436672c-1.3865662,0.2635641-2.7837219,0.5291557-4.1518517,0.7892189 l0.454258-0.3715448c0.1471214-0.0364857,0.2933273-0.0727243,0.4509735-0.1111755 C60.6682816,12.668643,61.7542801,12.4145384,62.9479103,12.1353111z M58.9527321,13.0810957l-0.9823227,0.4513941 c-0.3795433,0.0721712-0.7610931,0.1447115-1.1335793,0.2154703c-0.1112823-0.0335369,0.1846008-0.1463699,0.8018608-0.3209944 C57.9823341,13.3297958,58.4305115,13.2124786,58.9527321,13.0810957z M6.5344911,25.2784443 c1.2126756-1.0158672,1.8982015-1.4931831,2.2979445-1.6751156L4.9949627,26.574398l-0.411303,1.9122066 c0.0570107-0.5569191,0.1507707-1.1950989,0.3082342-1.9781742C5.3465176,26.1459751,5.8964839,25.732233,6.5344911,25.2784443z M2.1113369,48.7375526c-0.0951595-1.9300194-0.5802662-2.9777031-1.0648254-4.480835 c0.0094916-0.5095024,0.0358977-1.0494041,0.1061114-1.5609322c0.0654069-0.4561234,0.1785153-0.9293213,0.373276-1.4420776 l0.6373985,1.4793015c0.1004529-1.5617905,0.5503922-4.6993179,0.8310032-7.4107513 c0.304827-1.3145065,0.548871-2.4945564,0.6545565-3.3668785c0.0641291,0.0027657,0.1205921,0.0316944,0.1723094,0.0765343 l-0.7115061,3.308033l-0.7666306,8.8088493l0.9983232,3.9121246C2.7873104,47.2307358,3.2137637,51.3970871,2.1113369,48.7375526z M3.9960921,51.9727364c-0.2937534-1.5284348-0.52861-2.9327393-0.550818-3.5045853l0.8016765,3.1414566l0.943625,4.8743706 c-0.0292053,0.0531921-0.0495877,0.113018-0.0852423,0.1614799C4.6657987,55.6989975,4.2675767,53.7596436,3.9960921,51.9727364z M119.5215302,97.6625061c-0.6872864,0.2499847-1.6991196,0.4195175-3.4354172,0.3087692l3.4165573-0.5367126l0.8757858-0.0108109 C120.1122665,97.5118332,119.838768,97.598381,119.5215302,97.6625061z M125.1033936,97.5177307 c-0.1930542-0.0546036-0.3735199-0.1014709-0.5492401-0.1455078l1.665596-0.0205765 C126.0392914,97.4012146,125.6926041,97.4556961,125.1033936,97.5177307z'/%3E%3Cpath d='M166.3201294,96.673111c0.5865326-0.0799713,1.4319611-0.2909012,2.0918579-0.515152 C167.6699982,96.2917404,166.9851532,96.4712753,166.3201294,96.673111z'/%3E%3Cpath d='M209.815033,86.0183868c0.3763123-0.1795349,0.7902985-0.3883743,1.2410889-0.6258316l0.2846832-0.2225342 l3.3156128-3.7112732l-3.7332458,3.7891541L209.815033,86.0183868z'/%3E%3Cpath d='M226.2024231,71.9157104c-0.7564087,0.541687-1.4220886,0.8816605-1.9990692,1.1753235 c-1.1534271,0.5868301-1.9539337,0.9899445-2.3947601,2.4338684c1.2570343-1.6599426,4.5600586-3.0426254,6.5142365-4.8242493 l0.4967957-1.0829391c-0.4960632,0.5209808-0.9650421,0.954689-1.4085388,1.3208313 C226.9766693,71.3167191,226.5829468,71.647789,226.2024231,71.9157104z'/%3E%3Cpath d='M233.3950043,57.0536728c-0.0069427,0.0503044-0.0216064,0.1564407-0.0368652,0.266819 c0.3228912,0.7524872,0.1867218,2.3798752,0.6571655,2.1532898c-0.2924194,1.94347-0.7713165,1.5022087-1.07341,2.7871704 c0.1043549,1.0607681,0.0906677,2.3629265,0.0314636,3.7176018c-0.608017,0.4687119-1.230011,0.9482956-1.8466034,1.423645 c-0.6013794,0.4579086-1.1973419,0.9116974-1.7685394,1.3465652c-1.0708618,0.8467102-2.0568237,1.6078644-2.6572876,2.3675995 c0.9487305-0.922142,1.3078308-0.9716492,2.1186981-1.4986496c0.3468628-0.2086563,0.6977539-0.4300232,1.0518036-0.6613998 c0.1773529-0.1178665,0.3563538-0.236908,0.5369415-0.356926l0.6239471-0.4310608 c0.8342896-0.5825958,1.6969299-1.2092285,2.5573273-1.8414536c0.0689392-0.8908081,0.1382294-1.7865295,0.2069244-2.6740875 c0.0699158-0.8202972,0.1391449-1.6329803,0.2067566-2.4261284c0.070816-0.7301292,0.1506958-1.4412193,0.2459869-2.1215363 c0.0529327-0.3393593,0.1047668-0.6716537,0.1553345-0.995903c0.065033-0.3506012,0.1283722-0.6922951,0.1898956-1.0242844 c0.040451-0.5187721,0.095459-0.8589325,0.1627502-1.2301674c0.0672302-0.3633156,0.1474915-0.7067909,0.2427063-1.0278473 C234.3299255,55.7260246,233.5118866,52.8190193,233.3950043,57.0536728z'/%3E%3Cpath d='M171.921524,8.7624769c0.4554138,0.2565012,1.6264038,0.5122643,3.0999756,0.7731256 C174.7913971,9.2084045,173.9956818,8.868247,171.921524,8.7624769z'/%3E%3Cpath d='M233.9398041,38.5666542c0.0313263,0.6836967,0.0664978,1.3332405,0.0701447,2.0251656 C234.0379944,39.9392662,233.9845123,39.2273178,233.9398041,38.5666542z'/%3E%3Cpath d='M233.8792572,37.2446594c0.0085754,0.3841972,0.0271454,0.827301,0.0605469,1.3219948 C233.9197235,38.1275482,233.8992157,37.6806984,233.8792572,37.2446594z'/%3E%3Cpath d='M199.3626251,13.6815004c0,0-0.0040741,0.0003071-0.0180054-0.0035009l0.4190979,0.2295361 C199.629364,13.8209295,199.4992828,13.7594461,199.3626251,13.6815004z'/%3E%3Cpath d='M131.6327057,99.1347427c-0.0106964-0.0052872-0.0102692-0.0076828-0.0278625-0.0132065 c-0.8579559-0.1187897-1.7337341-0.2400436-2.5991211-0.3598785 C129.6820679,98.8865967,130.5314484,99.0100555,131.6327057,99.1347427z'/%3E%3Cpath d='M139.9369659,98.827507c0.4328461-0.0401688,0.886795-0.090538,1.3759766-0.1585312 C140.8629456,98.7208176,140.3936615,98.7748642,139.9369659,98.827507z'/%3E%3Cpath d='M208.0415039,19.6281853c0.2967224,0.2608604,0.6599731,0.5356045,0.9121094,0.7295151 c0.1689606,0.0875263,0.2952118,0.1560135,0.5794678,0.2700748c0.2476349-0.0573692,0.4496918-0.1297245,0.2881012-0.2807617 c0.8268585,0.4401531,1.882431,0.8870029,2.9715424,1.2963219c0.6632538,0.2488232,1.3550415,0.4912567,2.0578461,0.7279797 c0.7583618,0.2483311,1.5255432,0.4996109,2.2846832,0.7482491c0.0553131,0.0294228,0.1089783,0.0579834,0.1641541,0.0873432 c-0.0511627-0.0354404-0.1042175-0.0722332-0.1553345-0.1076126c-1.3926392-0.6291504-2.7678375-1.2504387-4.1304321-1.8660164 c-1.2553253-0.556242-2.4988403-1.1072636-3.7354889-1.6552753l-0.2901764-0.1918221l-0.4649048-0.2791672l-0.9315796-0.5517578 l-1.0160217-0.5837593c0.2142334,0.2953815,0.4371033,0.5909462,0.699707,0.8895817 C207.4975586,19.1139545,207.7473145,19.3690434,208.0415039,19.6281853z'/%3E%3C/g%3E%3C/svg%3E");
}
div#header {
position: static;
grid-template-areas: "open-menu . search user "
". h-link h-link . "
"top-bar top-bar top-bar top-bar ";
grid-template-columns: var(--side-bar-button-width) 1fr var(--search-button-width) var(--user-button-width);
grid-template-rows: var(--user-button-width) var(--header-height) var(--top-bar-height);
background-image: var(--header-bg);
background-size: auto 30rem;
background-repeat: no-repeat;
background-position: center -5rem;
background-attachment: fixed;
}
div#header h1 {
justify-self: start;
width: 50%;
overflow: visible;
}
div#header h1 a::before,
div#header h1 a span {
display: none;
}
div#header h1 a {
width: auto;
height: calc(100% + 2rem);
margin-block: -1rem;
padding-inline: 0;
background-image: var(--header-logo);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
-webkit-filter: saturate(45%);
filter: saturate(45%);
}
div#top-bar div[class*="top-bar"] > ul {
width: max-content;
justify-self: end;
padding-inline: calc(sqrt(3) * var(--top-bar-height));
background-image: radial-gradient(circle farthest-side at right bottom, rgb(var(--basalt-background-color)) 100%, rgba(var(--basalt-background-color), 0) 100%), radial-gradient(circle farthest-side at left top, rgba(var(--basalt-background-color), 0) 100%, rgb(var(--basalt-background-color)) 100%), linear-gradient(to bottom, rgb(var(--basalt-background-color)), rgb(var(--basalt-background-color)));
background-size: calc(sqrt(3 / 4) * var(--top-bar-height)) var(--top-bar-height), calc(sqrt(3 / 4) * var(--top-bar-height)) var(--top-bar-height), calc(100% - sqrt(3) * var(--top-bar-height)) var(--top-bar-height);
background-repeat: no-repeat;
background-position: calc(sqrt(3 / 4) * var(--top-bar-height)), left, right;
}
/* 毫无必要的 Safari 适配。其实以下的代码可以挪到任何其他浏览器上正常显示,但是远远不如上面的版本优雅。写得这么恶心是因为目前我所使用设备上的 Safari 浏览器会把所有径向渐变基准圆 / 椭圆以外的部分渲染为黑色,过于傻逼,必须要让基准圆 / 椭圆占据整个渐变背景。如果你在浏览这些代码,接下来你很可能还会看到无数遍这个玩意。所有使用类似设计元素的地方都会出现它。在写这个注释的时候我还不确定这个设计元素会用几遍。 */
@supports (-webkit-touch-callout: none) and (-webkit-tap-highlight-color: transparent) {
div#top-bar div[class*="top-bar"] > ul {
background-image: radial-gradient(circle farthest-corner at right bottom, rgb(var(--basalt-background-color)) calc(2 / sqrt(7) * 100%), rgba(var(--basalt-background-color), 0) calc(2 / sqrt(7) * 100%)), radial-gradient(circle farthest-corner at left top, rgba(var(--basalt-background-color), 0) calc(2 / sqrt(7) * 100%), rgb(var(--basalt-background-color)) calc(2 / sqrt(7) * 100%)), linear-gradient(to bottom, rgb(var(--basalt-background-color)), rgb(var(--basalt-background-color)));
}
}
div#top-bar div[class*="top-bar"] > ul > li > a {
padding-inline: 1rem;
}
div#top-bar div[class*=top-bar] ul li ul {
right: 0;
left: unset;
}
div#top-bar div[class*=top-bar] > ul > li > ul::before {
right: 0;
left: unset;
pointer-events: none;
}
div#content-wrap {
background-image: linear-gradient(to bottom, rgb(var(--basalt-background-color)), 30%, transparent), url("https://ah-sandbox.wikidot.com/local--files/theme:betwixt/CM_Paper.jpg"), linear-gradient(to bottom, transparent, 80%, rgb(170, 205, 215));
background-size: 100% 16rem, 750px auto, 100% 100%;
background-repeat: repeat-x, repeat, repeat-x;
background-position: center top;
background-blend-mode: normal, multiply, normal;
}
div#side-bar::after,
div#side-bar::before {
top: 0;
height: var(--top-bar-height);
-webkit-transition: var(--side-bar-transition);
-o-transition: var(--side-bar-transition);
transition: var(--side-bar-transition);
}
div#side-bar::before {
-webkit-backdrop-filter: blur(calc(var(--basalt-UI-blur) * 1.5));
backdrop-filter: blur(calc(var(--basalt-UI-blur) * 1.5));
background-color: transparent;
}
div#side-bar::after {
background-color: transparent;
-webkit-backdrop-filter: invert(100%) grayscale(100%);
backdrop-filter: invert(100%) grayscale(100%);
}
div#side-bar {
margin-top: 0;
height: 100vh;
}
div#side-bar:is(:hover, :focus-within)::before,
div#side-bar:is(:hover, :focus-within)::after {
left: var(--side-bar-width);
height: var(--top-bar-height);
opacity: 0;
}
@media (max-width: 1024px) {
div#top-bar div.mobile-top-bar > div.open-menu {
display: none;
}
div#side-bar::after,
div#side-bar::before {
display: block;
}
div#side-bar:hover,
div#side-bar:is(:hover, :focus-within):not(:target) {
left: 0;
}
}
@media (max-width: 720px) {
div#header h1 {
justify-self: stretch;
width: auto;
}
}
@media (max-width: 480px) {
div#top-bar div[class*="top-bar"] > ul {
padding-inline: calc(sqrt(3) * var(--top-bar-height)) 0;
width: 100%;
box-sizing: border-box;
}
div#top-bar div[class*="top-bar"] > ul > li > a {
padding-inline: 0.2rem;
}
}
textarea#edit-page-textarea {
font-family: var(--mono-font);
}
/* 小工具 */
div.rate-block-right {
text-align: right;
}
div.rate-block-right > div.page-rate-widget-box,
div#page-content div.rate-block-right > div.creditRate div.rate-box-with-credit-button,
div.rate-block-center > div.page-rate-widget-box,
div#page-content div.rate-block-center > div.creditRate div.rate-box-with-credit-button {
padding-left: 0.5rem;
border-top-left-radius: 1rem;
border-bottom-left-radius: 1rem;
max-height: 2rem;
box-sizing: border-box;
overflow: hidden;
}
div.rate-block-left,
div#page-content div.rate-block-left > div.creditRate {
text-align: left;
}
div.rate-block-left > div.page-rate-widget-box,
div#page-content div.rate-block-left > div.creditRate div.rate-box-with-credit-button,
div.rate-block-center > div.page-rate-widget-box,
div#page-content div.rate-block-center > div.creditRate div.rate-box-with-credit-button {
padding-right: 0.5rem;
border-top-right-radius: 1rem;
border-bottom-right-radius: 1rem;
max-height: 2rem;
box-sizing: border-box;
overflow: hidden;
}
div.rate-block-center,
div#page-content div.rate-block-center > div.creditRate {
text-align: center;
}
div.credit {
text-align: left;
}
/* 功能性元素 */
div#main-content div.hor {
height: 10rem;
}
div#main-content div.hors {
height: 5rem;
}
div#main-content div.nar {
margin-inline: auto;
width: var(--nar-width);
max-width: calc(100% - var(--nar-side-margin) *2);
}
div#main-content div.nars {
margin-inline: auto;
width: var(--nars-width);
max-width: calc(100% - var(--nars-side-margin) *2);
}
div#main-content div.auto {
margin-inline: auto;
width: auto;
max-width: 100%;
}
/* 排版要素 */
div#page-title,
div.meta-title,
div#page-content h1 {
font-family: "Oswald", "huangkaihuaLawyerfont", "Zhi Mang Xing", cursive;
text-shadow: 0.02rem 0.02rem 0.02rem rgb(var(--basalt-background-color)), -0.02rem -0.02rem 0.02rem rgb(var(--basalt-overtone));
}
/* 用文字左右偏移来实现任意字体加粗,苹果你无敌了👍 */
@supports (-webkit-touch-callout: none) and (-webkit-tap-highlight-color: transparent) {
div#page-title,
div.meta-title,
div#page-content h1 {
font-weight: 400;
}
}
hr {
height: var(--thin-border-width);
}
div#main-content :is(.blockquote, blockquote, .code) > hr {
background-color: rgb(var(--hr-color));
}
:is(.blockquote, blockquote, .code) :is(.blockquote, blockquote, .code) {
box-shadow: 0 0 0 var(--blockquote-border-width) rgb(var(--accent-border-color));
}
:is(:where(#page-content) table:not(.form), table.wiki-content-table) td {
border-color: rgb(var(--accent-border-color));
}
div.yui-content {
background-color: rgba(var(--basalt-background-color), 0.3);
box-shadow: inset 0 0 1rem rgba(var(--basalt-background-color), 0.9);
}
div.bet-content {
width: 48rem;
margin-inline: auto;
}
div.blockquote.glass {
border: none;
background-color: rgba(var(--basalt-background-color), 0.3);
box-shadow: inset 0 0 1rem rgba(var(--basalt-background-color), 0.9);
}
div.blockquote.newspaper p {
text-indent: 2em;
font-family: "Times New Roman", "Noto Serif SC", serif;
}
div.blockquote.newspaper strong {
font-family: var(--body-font);
}
div#main-content div.blockquote.newspaper {
max-width: 100%;
}
div#main-content div.wide {
max-width: 100%;
}
/* 分节标题格式 */
div.bet-title {
text-align: center;
margin-block: 2rem;
}
div.bet-title h1 {
line-height: 1;
font-size: min(7rem, 15vw);
margin-block: 0;
}
div.bet-title h2 {
font-size: min(1rem, 5vw);
margin-block: 0;
}
div.bet-title h2::first-letter {
color: rgb(var(--basalt-undertone));
}
div.bet-year-title {
display: grid;
align-items: stretch;
background-color: rgb(var(--year-bg-color, 20, 20, 20));
aspect-ratio: 235 / 100;
mask-image: var(--bet-year-title-mask);
mask-position: center;
mask-size: 100% 100%;
mask-repeat: no-repeat;
-webkit-mask-image: var(--bet-year-title-mask);
-webkit-mask-position: center;
-webkit-mask-size: 100% 100%;
-webkit-mask-repeat: no-repeat;
}
div.bet-year-title h1 {
display: grid;
margin: 0;
padding: 0;
align-items: stretch;
font-size: min(9rem, 16vw);
}
div.bet-year-title h1::before {
content: "";
display: block;
grid-row: 1 / 2;
grid-column: 1 / 2;
opacity: 0;
background-image: var(--year-bg, var(--header-bg));
background-size: var(--year-bg-size, auto 100%);
background-position: center;
background-repeat: no-repeat;
animation-name: bet-year-out;
animation-timeline: view();
}
div.bet-year-title h1 span {
display: flex;
align-items: center;
justify-content: center;
background-clip: text;
-webkit-background-clip: text;
color: transparent;
text-shadow: none;
grid-row: 1 / 2;
grid-column: 1 / 2;
background-image: var(--year-bg, var(--header-bg));
background-size: var(--year-bg-size, auto 100%);
background-position: center;
background-repeat: no-repeat;
animation-name: bet-year-in;
animation-timeline: view();
}
div.bet-year-title h1 span strong {
letter-spacing: -0.06em;
}
div.bet-year-title h1 span strong::first-letter {
margin-left: -0.06em;
}
@keyframes bet-year-in {
0% {
opacity: 0;
}
20% {
opacity: 0;
}
60% {
opacity: 1;
}
100% {
opacity: 1;
}
}
@keyframes bet-year-out {
0% {
opacity: 0;
}
50% {
opacity: 0;
}
80% {
opacity: 1;
}
100% {
opacity: 1;
}
}
div.bet-timebox {
display: inline-grid;
grid-template-areas:
"text1 text1 text1 number ."
". border text2 number text3"
". border text4 text4 text4";
grid-template-columns: auto 1em 2em 3em auto;
grid-template-rows: auto auto auto;
font-size: var(--bet-timebox-font-size, 1.05rem);
font-weight: var(--bet-timebox-font-weight, 700);
}
div.bet-timebox * {
line-height: 1.1;
}
div.bet-timebox > p {
display: contents;
}
div.bet-timebox tt {
font-family: var(--body-font);
}
div.bet-timebox tt:nth-child(1) {
grid-area: text1;
}
div.bet-timebox tt:nth-child(2) {
grid-area: text2;
}
div.bet-timebox tt:nth-child(4) {
grid-area: text3;
}
div.bet-timebox div.bet-subtitle {
grid-area: text4;
font-size: var(--bet-subtitle-size, 80%);
line-height: var(--bet-subtitle-height, 1);
}
div.bet-timebox div.bet-subtitle p {
margin: 0;
line-height: var(--bet-subtitle-height, 1);
}
div.bet-timebox tt:nth-child(3) {
display: flex;
justify-content: center;
align-items: center;
grid-area: number;
font-size: var(--bet-number-size, 2.5em);
line-height: var(--bet-number-height, 1);
color: var(--bet-color, rgb(var(--basalt-undertone)));
font-family: "Oswald";
position: relative;
top: -0.1em;
}
div.bet-timebox::before {
content: "";
display: block;
grid-area: border;
height: 100%;
width: var(--bet-border-width, var(--base-border-width));
background-color: var(--bet-border-color, rgb(var(--basalt-undertone)));
justify-self: center;
}
div.bet-location {
font-size: 1.05rem;
margin-left: calc(0.5em - 0.5 * var(--base-border-width));
padding-left: calc(0.5em - 0.5 * var(--base-border-width));
border-left: solid var(--base-border-width) rgb(var(--basalt-undertone));
}
div.bet-location h1,
div.bet-location p {
margin-block: 0;
}
div.bet-location h1 {
font-size: min(250%, 7vw);
line-height: 1;
}
div.bet-location h1 span {
text-shadow: none;
}
div.bet-location h1 tt {
font-size: 75%;
line-height: 150%;
vertical-align: top;
}
@media (max-width: 480px) {
div.bet-location strong {
font-size: 80%;
}
}
div.bet-acs {
margin-block: 1.5rem;
--five-color: 20, 70, 90;
--four-color: 90, 155, 210;
--three-color: 110, 175, 215;
--two-color: 150, 195, 215;
--one-color: 170, 205, 215;
}
div.bet-acs div.anom-bar-container div.top-center-box > div {
clip-path: var(--main-clip-path);
-webkit-clip-path: var(--main-clip-path);
--main-clip-path: polygon(0 0, 0 0, 100% 0, 100% 0, 100% calc(100% - 0.5rem), calc(100% - 0.5rem) 100%, 0 100%, 0 100%);
}
[[/module]]