a[href^="mailto:"]::before {
  content: '';
}

body {
  line-height: 1.6em;
  font-size: 1.2em;
  font-family: "LXGW WenKai Lite";
  margin: 0 auto;
}

article > p {
  text-align: justify;
}

article > blockquote {
  font-style: normal;
}

.footnotes {
  wdith: 100%;
}

input {
  max-width: 100%;
  box-sizing: border-box;
}

#no-ad {
	color: white;
	background: red;
	padding: 0.1em 0.3em;
	border-radius: 0.3em;
	font-weight: bold;
  opacity: 0;
	transition: opacity 1s ease-in;
}

h1,h2,h3,h4,h5,h6 {
  line-height: 1em;
}

header.index {
  border-bottom: 1px dashed;
}

.index > h1, .index > nav, .index > nav > ol, .index > nav > ol > li {
  display: inline-block;
}

.index > h1 {
	font-size: 1.5em;
}

.index > nav > ol {
  padding: 0;
  margin: 0;
}

form.reply input.author {
  display: inline-block;
}

body > footer {
  text-align: center;
}

table {
  table-layout: auto;
}

p code {
  color: #2aa198;
}

#articles li date {
  /* font-size: 0.8em; */
  /* font-family: serif; */
  white-space: nowrap;
}

date {
  font-family: monospace;
  color: gray;
}

figure {
  text-align: center;
}

figcaption {
  color: gray;
}

@media (prefers-color-scheme: dark) {
  img {
    filter: brightness(70%);
  }
}

pre, pre.numberSource {
  background: #fdf6e3;
  /* border: 1px solid #eee8d5; */
  --color-code-highlight-bg: #eee8d5;
}
pre code {
  color: #657b83;
  border-radius: 0;
  line-height: 1.1em;
}
a.sourceLine {
  color: inherit;
  text-decoration: none;
}

pre.numberSource > code.sourceCode > span > a:first-child::before {
  color: #93a1a1;
}

code span {
  font-style: normal;
  font-weight: normal;
}

code span :is(.co,.wa,.do,.an.cv.in) {
  font-style: italic;
}

code span.kw { color: #859900; } /* Keyword */
code span.dt { color: #b58900; } /* DataType */
code span.dv { color: #2aa198; } /* DecVal */
code span.bn { color: #2aa198; } /* BaseN */
code span.fl { color: #2aa198; } /* Float */
code span.ch { color: #2aa198; } /* Char */
code span.st { color: #2aa198; } /* String */
code span.co { color: #93a1a1; } /* Comment */
code span.ot { color: #268bd2; } /* Other */
code span.al { color: #dc322f; } /* Alert */
code span.fu { color: #268bd2; } /* Function */
code span.er { color: #dc322f; } /* Error */
code span.wa { color: #cb4b16; } /* Warning */
code span.cn { color: #2aa198; } /* Constant */
code span.sc { color: #dc322f; } /* SpecialChar */
code span.vs { color: #2aa198; } /* VerbatimString */
code span.ss { color: #dc322f; } /* SpecialString */
code span.im { color: #657b83; } /* Import */
code span.va { color: #268bd2; } /* Variable */
code span.cf { color: #859900; } /* ControlFlow */
code span.op { color: #859900; } /* Operator */
code span.bu { color: #657b83; } /* BuiltIn */
code span.ex { color: #657b83; } /* Extension */
code span.pp { color: #cb4b16; } /* Preprocessor */
code span.at { color: #657b83; } /* Attribute */
code span.do { color: #93a1a1; } /* Documentation */
code span.an { color: #93a1a1; } /* Annotation */
code span.cv { color: #93a1a1; } /* CommentVar */
code span.in { color: #93a1a1; } /* Information */

blockquote > span.alerting > span {
  display: inline-block;
  font-weight: bold;
}

blockquote > span.alerting > span.icon {
  margin-right: 4px;
}

blockquote:has(span.alerting.Note) {
  border-left-color: rgb(9, 105, 218);
}

blockquote:has(span.alerting.Tip) {
  border-left-color: rgb(26, 127, 55);
}

blockquote:has(span.alerting.Important) {
  border-left-color: rgb(0, 0, 0);
}

blockquote:has(span.alerting.Warning) {
  border-left-color: rgb(154, 103, 0);
}

blockquote:has(span.alerting.Caution) {
  border-left-color: rgb(209, 36, 47);
}

blockquote > span.alerting.Note {
  color: rgb(9, 105, 218);
}

blockquote > span.alerting.Tip {
  color: rgb(26, 127, 55);
}

blockquote > span.alerting.Important {
  color: rgb(0, 0, 0);
}

blockquote > span.alerting.Warning {
  color: rgb(154, 103, 0);
}

blockquote > span.alerting.Caution {
  color: rgb(209, 36, 47);
}