@import url("https://cdn.xrbk.cn/fonts/HarmonyOS_Sans_SC/result.css");

@font-face {
  font-family: "HYKeepRunning";
  src: url("https://static.hxrch.top/HYKeepRunning55U.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@keyframes loadingCaptcha {
  0% {
    background-color: #8882;
  }
  
  50% {
    background-color: #9995;
  }
  
  100% {
    background-color: #8882;
  }
}

:root {
  --primary-color: #FF4500;
  --selected-text-color: #EEE;
  --selected-bg-color: #00698E;
  --submit-btn-color: #0055D4;
}

* {
  font-family: "HarmonyOS Sans SC";
}

::selection {
  color: var(--selected-text-color);
  background-color: var(--selected-bg-color);
}

div.container.wrap h2 {
  text-align: center;
  font-size: 28px;
}

:has(form) div.container.wrap>section>h2::after,
:has(#btn-back) div.container.wrap>h2:not(.err)::after,
:has(#btn-close) div.container.wrap>h2:not(.err)::after {
  content: "Horean's Blog";
  padding-left: 3px;
  font-family: "HYKeepRunning";
}

input[type=email],
input[type=text] {
  border-color: #888;
  outline-color: var(--primary-color);
  transition: border ease 0.2s;
}

input[type=email]:hover,
input[type=text]:hover {
  border-color: var(--primary-color);
}

ul.lists>h2 {
  position: relative;
  color: transparent;
  user-select: none;
  font-size: 21px;
}

ul.lists>h2::after {
  content: "订阅项";
  position: absolute;
  top: 0;
  left: 0;
  color: #111;
}

div.h-captcha {
  height: 83px;
}

div.h-captcha:not(:has(>iframe)) {
  background-color: #8882;
  animation: loadingCaptcha linear 2s infinite;
}

div.logo,
div.h-captcha,
button[type=submit],
#btn-2subs,
#btn-open-blog
a.button[href*=admin] {
  user-select: none;
}

p:has(>button[type=submit]),
p:has(>#btn-2subs),
p:has(>#btn-open-blog) {
  text-align: center;
}

button[type=submit],
#btn-2subs,
#btn-open-blog,
a.button[href*=admin] {
  border-radius: 5px;
  background-color: var(--submit-btn-color);
}

p:has(>#btn-back),
#btn-back {
  display: none;
  visibility: hidden;
}

button[type=submit] {
  width: 50%;
}

button[type=submit]:hover,
#btn-2subs:hover,
#btn-open-blog:hover,
a.button[href*=admin]:hover {
  background-color: var(--submit-btn-color);
  filter: brightness(85%);
}

#btn-close,
#btn-2subs,
#btn-open-blog {
  display: inline-block;
}