注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Internet Explorer或Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5
- Opera:按 Ctrl-F5。
::selection {
background: hsla(180, 64%, 73%, .5);
color: #32bdcd;
}
:root {
--color-primary__h: 200;
--color-primary__s: 55%;
--color-primary__l: 48%;
--color-surface-0: hsl(var(--color-primary__h), 3%, 98%);
--color-surface-1: hsl(var(--color-primary__h), 3%, 98%);
--color-surface-2: hsl(var(--color-primary__h), 10%, 95%);
--color-surface-3: hsl(var(--color-primary__h), 10%, 85%);
--color-surface-4: hsl(var(--color-primary__h), 10%, 74%);
--background-color-overlay: hsla(var(--color-primary__h), 3%, 98%, 0.95);
--background-color-overlay--lighter: hsla(var(--color-primary__h), 3%, 98%, 0.6);
--h2-font-family: "MiSans", "HarmonyOS Sans SC", "MiSans Latin", "Helvetica Neue", "Helvetica", "Roboto", "BlinkMacSystemFont", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
--font-family-citizen-base: "MiSans Latin";
--font-family-citizen-monospace: "JetBrains Mono";
--h2-color-light: var(--color-primary__h), 3%, 98%;
--h2-color-dark: var(--color-primary__h), 20%, 10%;
--citizen-default-color: hsl(220, 60%, 50%);
}
:root {
--h2-bgColor-light--0: hsla(var(--h2-color-light), .1);
--h2-bgColor-light--0-active: hsla(var(--h2-color-light), .05);
--h2-bgColor-light--1: hsla(var(--h2-color-light), .3);
--h2-bgColor-light--2: hsla(var(--h2-color-light), .6);
--h2-bgColor-light--2-hover: hsla(var(--h2-color-light), .5);
--h2-bgColor-light--3: hsla(var(--h2-color-light), .75);
--h2-bgColor-light--4: hsla(var(--h2-color-light), .9);
--h2-bgColor-dark--0: hsla(var(--h2-color-dark), .1);
--h2-bgColor-dark--1: hsla(var(--h2-color-dark), .3);
--h2-bgColor-dark--2: hsla(var(--h2-color-dark), .6);
--h2-shadow--0: 2px 2px 4px 1px rgba(0, 0, 0, .04), -2px -2px 6px 0px rgba(0, 0, 0, .03);
--h2-textShadow--0: 1px 1px 2px #a9a9a9;
--h2-textShadow--1: 1px 1px 2px #545454;
--h2-mp-card-hover--0: hsl(204, 100%, 88%);
--h2-mp-card--border-radius: 10px;
--h2-mp-card--padding: 15px;
--h2-mp-gap-value: 0.625rem;
}
:root.skin-citizen-dark {
--h2-color-light: var(--color-primary__h), 20%, 10%;
--h2-color-dark: var(--color-primary__h), 3%, 98%;
}
body {
font-family: var(--h2-font-family);
}
@font-face {
font-family: "Site Wordmark Font";
src: url("https://h2-wiki-1254268741.cos.ap-shanghai.myqcloud.com/font/Site_Wordmark_Font.woff2") format('woff2');
}
@font-face {
font-family: "JetBrains Mono";
src: url("https://h2-wiki-1254268741.cos.ap-shanghai.myqcloud.com/font/JetBrains_Mono.woff2") format('woff2');
}
@font-face {
font-family: "MiSans Latin";
src: url("https://h2-wiki-1254268741.cos.ap-shanghai.myqcloud.com/font/MiSans_Latin.woff2") format('woff2');
}
@font-face {
font-family: "Oswald";
src: url("https://h2-wiki-1254268741.cos.ap-shanghai.myqcloud.com/font/Oswald_Regular.woff2") format('woff2');
}